IE 9 pushes sidebar inside content section

Please forgive me if a similar thread has already been opened. The problem is that I’m currently building a website and it looks good in Firefox and Google Chrome but the layout is broken in the awful Internet Explorer 9. The sidebar is positioned inside the content section and the navigation is also broken. I have been Googling for hours on how to get this fixed as I must admit that I’m somewhat of beginner so perhaps it could be a simple solution that I don’t know of.

I am currently unable to upload the files so please have a look at the screenshot below.

Please let me know what you guys think. Thank you!

EDIT : I wanted to post the code but it looks unreadable when wrapped in a <.code.> tag.

Generally there should not be too much difference between IE9 and others.

By the way, did you check that your IE9 is not running in compatibility mode? And it is using the IE 9 engine ? Press F12 to open developer tools and select mode.

You can use the same developer tools to check how the page is getting rendered and compare with other browsers using other browser’s inspection tools or firebug (on FF)

Also check the browser zoom level (Ctrl+0 to make it correct zoom).

Hi Dexterous,

1. It’s IE 9 so I assume it uses the IE 9 engine.
2. I’ve just checked the browser modes and it was in the standard IE 9 mode. The IE 7 mode and compatibility mode all show the broken layout, however the IE 8 mode looks good.
3. I use Firebug for Firefox and it works great but I do dislike the developer tool for IE 9 .
4. Ctrl+0 does nothing for me unfortunately.

Any other tips?

Can you post a link? Or at least a link to your code on pastebin..

Wait a few minutes, I will need to upload it to my server.

hmm, not sure.

try giving a minimum width to content? Or Is the sidebar floated right?

or may be share your code (only the problem part) using http://pastie.org/

Ah, here we go. Went faster than I thought lol!

EDIT . It might look a bit odd as I haven’t installed the Google webfont yet.

it does not look correct even in Firefox 10.0.2 for me (on mac)

What exactly doesn’t look correct?

Can I ask why you’re printing the sidebar before the main content? I’d recommend swapping those for SEO purposes. It also makes a right-sidebar layout easier.