Image overlowing div in IE 6
Posted: Mon Oct 12, 2009 12:45 pm
Anyone know of a way to stop a floated element vertically overflow a containing div in IE6?
Relevant CSS
HTML
You can see tthe code in action here: http://wildlife-photography-blog.com/?mode=b
It looks exactly the way I want it to in Firefox, Safari and IE 7, but in IE6 the images overflow the bottom of the containing divs. I'd really like to solve this without having to resort to using tables!
Thanks
Relevant CSS
Code: Select all
.entry-body
{ padding: 6px;
border: 2px solid #456;
margin-bottom: 8px;
overflow: auto; }
.entry-body img.thumb
{
float: right;
margin-top: 0px;
margin-left: 14px;
border: 0px; }
Code: Select all
<div class="entry-body">
<a href="myurl"><img src ="img.jpg" height="120" width="160" class='thumb' /></a>
Entry text here...
</div>
It looks exactly the way I want it to in Firefox, Safari and IE 7, but in IE6 the images overflow the bottom of the containing divs. I'd really like to solve this without having to resort to using tables!
Thanks