Width problem in IE6

Hi guys!

I've started making a new design for a new site. It looks all good in FF, but in IE6 there is a problem with the width: The #right jumps below the #main div. Can anybody spot the error? I just seem to can't..

http://behrentzs.com/test/Photosite/

(view source for the rest)
#main { width:750px;
background-color:#ddd;
padding:10px;
margin:10px;
margin-bottom:0px;
float:left;
}

#subcontent { width:170px;
background-color:#ddd;
padding:10px;
margin-top:10px;
margin-right:10px;
float:left;
}

Hi there CaptainB,

add display:inline to your #main rule.

coothead

Thanks a lot, Coothead!
(Uh, where have the "Thanks" buttons gone???????)

But can anyone explain why I had to add that? I've never had to do that before.

Hi there CaptainB,

sorry, I forgot to add this link to my previous post.
http://www.positioniseverything.net/explorer/doubled-margin.html

I hope that helps. ;)
coothead

You saved me again, Coothead - thanks a lot for the link, added to bookmarks :)

No problem, you're welcome. ;)