Page 1 of 1

Image overlowing div in IE 6

Posted: Mon Oct 12, 2009 12:45 pm
by QuantumTiger
Anyone know of a way to stop a floated element vertically overflow a containing div in IE6?

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; }
 
HTML

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>
 
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

Re: Image overlowing div in IE 6

Posted: Mon Oct 12, 2009 1:32 pm
by Eran