Messy page layout in IE7

I'm using zen cart 1.38 and was modifying my page happily using just the default template. Then I found out that my page shows up in a messy page layout when viewed in IE7. :shocking:
Not sure if there's a bug in IE7 or that I need to add a code to fix this in the stylesheet. Coz the page is fine in IE6.

Please help to take a look: https://www.luvmoomoo.com

Thanks heaps...

Internet Explorer 7 contains a number of improvements to cascading style sheet (CSS) parsing and rendering over IE6. These improvements are aimed at improving the consistency of how Internet Explorer interprets cascading style sheets as recommended by the W3C.

You need to work over your stylesheet till the site works as expected in IE7.

And IE 8 even a little better......but still not as good as FireFox.:smile:

It's messed up in IE7 because you set #logoWrapper to 30px and your logo is 99px high. Increase the height of #logoWrapper in your stylesheet to at least 99px.

IE8 is worth installing, as it has a compatibility view button, which toggles it between IE8 and IE7 to check for stuff like this.

:clap:
Thanks soo much stevesh...

Now I know... so IE7 is quite sensitive in terms of the coding, then..
all has to be exact :blink:

as you may have guessed.. i'm not very familiar with stylesheets :P