Forum Moderators: not2easy

Message Too Old, No Replies

Drop down CSS menus

Stops working in IE6 with external style sheet

         

Harvs

3:14 am on Dec 9, 2004 (gmt 0)

10+ Year Member



I have created a drop down css menu ,using the "More Eric Myer on CSS" Technique, which uses the behaviour.htc file so that ie will allow :hover on the list item. Everything works fine but when I went to put the css into an external file the drop down menu stops working in ie6. It still works fine in NN and other browsers just not ie6.

When I move the css into the external style sheet the list items are still styled is just the drop down menu that stops working. Any thoughts?

SuzyUK

8:49 am on Dec 9, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



is your .htc file in the same directory as the CSS file?

it's like images the path to the .htc should be relative to to the CSS rather than the calling page

Harvs

2:32 am on Dec 10, 2004 (gmt 0)

10+ Year Member



Yeah I made sure of that. I have narrowed it down to these two lines:

div#nav ul.level1 li.submenu:hover ul.level2 {display:block;}
div#nav ul.level2 li.submenu:hover ul.level3 {display:block;}

When they are moved into the external file the drop down menu stops working. I guess I could leave them in the <style> tag at the top of each file but I would prefer not to.

Any thoughts on why just these two lines won't work in an external css file?