Layout issues in Google Chrome :( Please Help :)

Hey Guys,

I need your help because I'm having some small problems with my website layout. As you can see from the site I design clothes(mainly) not websites so your help would be very much appreciated!

It's just the homepage really, it looks how I'd like in Firefox and Safari(not tested on IE yet as I'm using a Mac currently!) but when I open it in Chrome the browser seems to stack the logo and menu pushing everything down behind my images.

When I refresh the page it rearranges to how it should be, very confusing!

http://emilymillichip.com/

Does anyone have an idea why this is happening and how to fix it?

x

Hello nerdsCanBeSexy,
If you understand the box model - See the box model here (http://www.w3.org/TR/CSS2/box.html). The box model says that whatever you put inside an element cannot be larger than that element. margin/padding/border all count when figuring width/height.

...you would see that setting the height on your #content may be a mistake. At least setting the wrong height certainly is. If you set no height at all, a div element will naturally expand in height to enclose it's contents.

No idea if that will cure your issue though, I don't have Chrome or a Mac to test in for you ... sorry.

You might try validating, that bit on line 15 where you double up on class is invalid. See the links about validation in my signature line.
There are also a couple errors in your CSS.