Incorrect Margin IE6.0

tried to fix double margin bug - what am I doing wrong?

[milo2man]

My website is rendering correctly in just about every browser except IE5.5 and IE6.0/Win, where the left margin is off the screen to the left. I read about the IE6/Win double-margin bug and added "display:inline;" as recommended to fix it. Didn't work for me, though. What am I doing wrong?

I have indented the post text for blog pages as follows:

#maincol.blog {
margin-left:70px;
display:inline; /* fixes IE/Win doubble margin bug */
}

I have also floated a img of the post author to the left of the post.

.postauthorimg {
float:left;
width: 50px;
margin:0 20px 0 -70px;
display:inline; /* fixes IE/Win double margin bug */
}

Here's the corresponding nested HTML divs:

<div id="page" class="narrow">
<div id="maincol" class="blog">
<div class="post" id="post-1248">
<img class="postauthorimg">

Can anyone point out what I am doing wrong?

[swa66]

The easiest to deal with some of these IE<8 bugs is to just ignore the cause and use a conditional comment to reposition it where you want it to end up. Sometimes the deviant logic is very hard to figure out.

You'll find more of them when you have IE in quirks mode (depends on doctype and anything prior to the doctype)