ie6 problem

[brlewis]

Here's a page I'm working on as a proof-of-concept before converting my whole site:

http://img.b.com/h5test.html

I thought I was getting everything working right, but then I tried ie6. The calendar icons don't shift over far enough. The page should look nearly identical to

http://ourdoings.com/brlewis/

[brlewis]

Hey, I think I fixed it in my IE-specific CSS:

#content article time {
margin:-4px 0 0 -44px;
}

That last margin number was -22px previously.

[zcorpan]

Sounds like you floated the parent and have 22px left margin on it, and got hit by IE6's float double margin bug. An easy fix is to specify display:inline on the floated element, which shouldn't have any effect but in IE6 it makes the double margin bug go away.

http://www.positioniseverything.net/exp ... argin.html