Hi,

I've used the CSS flyout menu package available on zen cart here:

http://www.zen-cart.com/index.php?ma...products_id=75

and it's working great now, but only in firefox. this is the site with the menu:

http://realdnahair.streamlinenettrial.co.uk/

in firefox everything is fine. the sub menus pop out on top of the previous items, and the height of each category box is the same with no spacing between.

however, in IE, if you take a look at the site above, the boxes are all different heights and when you hover the background colour doesnt change to fill the whole box. this obviously (i think) means the UL overall sizes dont match the LI content boxes, meaning there is spare space. it also means the borders overflow vertically and it looks terrible.

the OTHER problem in IE is with z-index. in IE when you open the first sub menu (DNA Hairline) the border from the bottom of the second main category box (Extensions) shows through on top. i cant figure out why this is happening either, though i know i must be putting z-index values in the wrong place somewhere. if it's any help i am ONLY setting the border-bottom on LIs, whereas the top,left,right borders are set on the UL tags. (this was an attempt to stop borders appearing with double thickness between each item, which is what happened if i set all the borders on the LI tags). as a result IE is obviously showing the BOTTOM-BORDER of the Extensions category at the same z-index placement as the sub menus, so it looks like it cuts in.

the css stylesheet is here:

http://realdnahair.streamlinenettria...ories_menu.css

thanks for any help!