[solved] how to fix this menu issue?

[pmolds]

I installed the system in my website whith IE6 and it is normal, but after finishing it, I told somebody to open it with IE7 and Firefox,but the menu is mixed up, my website is :plastic mold, could you please check it where the problem is and let me know how to fix the issue, thanks
I also put two photos in here for you reference, thanks.

IE7


Firefox


Please give me a hand.
Thank you very much

[Peciura]

Edit style sheet :

#header{
height:111px;
float:left;/*not necessarily needed */
}

[pmolds]

Peciura, thanks for your reply first, your mean is that delete the sentence "height:111px;", right?

[Coldman]

Did Pecurias suggestion solve your problem?

You can try to add this in your template head

Code: Select all

<!--[if lte IE 7]>
<style type="text/css">
#header{float:left;/*not necessarily needed */}
</style>
<![endif]-->

[Peciura]

pmolds: Yes delete that line. or set it to min-height instead of just height.

And more, as long as width of  div#header is 100% (960px) float will not make it to float only its dimentions will be set to wrap content (table in your case).

More good reading can be done at http://matthewjamestaylor.com/blog/ulti ... xel-widths

[pmolds]

Thanks all.
The problem is resolved.