Firefox ingors IE-Hack??

[myforum]

Hallo guys,

I have a terrible IE problem that I`m trying to fix since weeks! It`s the dropdown thing.
Well, I`ve just managed to get my submenu in IE visible and in Firfox everything went completely chaotic! I have done everything as it is explained and still, it wont work like it should. I hate it!

So, why is all this.
In my default.css I have used the IE detect hack:

<!--[if lt IE 6]>
<style type="text/css">
body{ behavior: url(fileadmin/tamplates/scripts/csshover.htc); }
</style>
<@import url(styles/ie6.css); />
<![endif]-->

and I thought it should be seen only from IE. Apparently not.
In the ie6.css I have only told IE, it should load gifs instead of pngs, and gave the submenu-link a 100% width, in order to IE actually show it :

#mainmenu ul ul li{
background-image:url(../images/menu/tv_button_links_tr.gif);
width:100%;
}

I tried it in IE and ... a miracle, it worked ... But in Firefox all went completly wrong - the submenu-links had 100% width and were gifs! It has read the ie6.css instructions and overwritten these in the default.css .

Why is that? How can I keep both css-styles separated(Firefox should load png and IE gif, width, etc.)? I`ve used the standart IE-detecting hack

I thank you in advance!

[stuartm]

i had a similar problem with something i was doing the other week try adding another } after your IE hack

[chrishirst]

@import should be inside the <style> definition and must be before any rules are defined.