IE and Firefox handling margin pixels differently?

[Chito]

http://www.studiotwentythree.com/webspaces/streams/s1

Hi there,

My site I am working on has a left navigation that looks differently in IE and Firefox. The problem seems to be that when i use:

margin-left: 10px;

IE's pixel-indent is twice that of firefox. If you open the site in both Firefox and IE, you will see IE has a white space to the left of the left-navigation when Firefox doesn't.

My main div is 10 pixels longer to the left and right of the actual content, because I wanted to have a background image with shadows (to the left and right of the main div, as you can see).

Does anyone know how to fix this?

My code can be found here:

HTML:
http://www.studiotwentythree.com/web.../s1/index.html

CSS:
http://www.studiotwentythree.com/web...tyles/main.css

Thanks!!!

[ray326]

I believe IE has a known margin doubling problem.

[Chito]

Thanks found a fix.

I thought it was something I was doing wrong, but turns out I just have to add a display:inline to my left floating div to work around the IE problem.