IE7 vs aquerelle skin

Having an issue with the aquerelle_red skin in IE7. It’s displaying the top menu vertically. Every other browser I’ve tried (IE6, IE8, Chrome, Firefox) all display it properly.



Here’s a picture:







My cart url is [URL=“http://www.maraindustrial.com/cart”]http://www.maraindustrial.com/cart[/URL] if you want to see the problem live through IE7.





Any ideas how I can fix this?

The IE needs a fixed width (unfortunately).



Find this code in your styles.css file (line 520)



and add the red marked line:


[quote]#top_menu ul.top-menu {

background-color:transparent;

border-top:0 none;

padding:65px 0 0;

vertical-align:bottom;

[COLOR=Red]width:600px;[/COLOR]







[/quote]

I used your idea, but isolated it. I stuck this code:



#top_menu ul.top-menu {

width:600px;

}



into styles_ie.css and it worked great.



Thanks indy!