I know this problem has been raised before, but I have searched the forum and can’t find a satisfactory solution.
I have just uploaded this site for a client:
It is constructed using the ‘box model’ and has a CSS Menu. Everything works fine in Safari, Firefox and Chrome on the Mac/PC, but the CSS fly out menus don’t work in IE7. I have tried adding this line of code “Before ”:
li { float: left; width: 100%; }
and adding a background to the menu, and changing the IE Compatibility settings, all to no avail. I have read a suggestion about changing the layer order, but I can’t work out how to do this.
I worked out that the problem was using the ‘box model’. The CSS menu was placed in a HTML item within another item and this meant I couldn’t alter the layer stacking order, so in IE7 the pop out menu was behind other elements. I have now rebuilt the site making sure the menu is at the top of the stacking order, and everything seems to work ok.
Seriously though, I love this site, a great example of yet another
professional site made in Freeway, this time with full CSS layout that
increases/decreases in size perfectly.
