I've got a three column layout with some thumbnails in the left column and a bounding DIV which has overflow:auto set. This works fine in FF -- the bounding DIV (which has a border) wraps around all of the contained content with a perfect pad. Not so in IE6, where the thumbnails in the left column (which is a float) overlap the bottom of the bounding DIV.
Here's an example:
and the site can be seen here: http://host3.transparent-tech.com/~doviscom/index.php?action=searchresults
This is how it should look (and how it looks in FF2):
The relevant CSS is thus:
border: 1px solid #0CC;
border: 1px dotted #FC0;
the layout is this: resultsrow[ rowleft[ ] rowcontainer[ rowcentre[ ] rowright[ ] ] ] if that makes any sense. Here's the HTML:
Any ideas? Any help would be much appreciated
Fixed! After reading
After reading another post on this forum, adding the attribute display: inline-block; to the containing DIV seems to have done the trick!
Thankyou for searching and
Thankyou for searching and working out the answer for yourself, it's always nice to see people take the initiative