Ah, a flash of light with a few simple words - 'an image is inline'.
That clears up the entire question. Learning CSS is a full-time
experience, and I am at it for only a couple of months - but out of a
lifetime starting with machine language and Assembler [and the ENIAC],
so I want to know why what happens happens. I think I will stay with the
'image in div' - it is more markup but the relationship of the numbers
to the items is to my mind simpler.
By the way, in IE6 pretty much all of these layouts are a wilderness,
but I presume that it is NT that is 'correct' and poor old MS is in the
Zoe M. Gillenwater wrote:
> Oh ok, sorry, didn't see that. Even so, what is going on is correct
> behavior. The reason for the difference is because a div is block,
> and an image in inline. The div's margin *does* extend beneath the
> previous floats. The image's margin *does not*.
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/