Image overlowing div in IE 6

HTML, CSS and anything else that deals with client side capabilities.

Moderator: General Moderators

Post Reply
QuantumTiger
Forum Newbie
Posts: 8
Joined: Thu Aug 27, 2009 11:17 am

Image overlowing div in IE 6

Post 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
User avatar
Eran
DevNet Master
Posts: 3549
Joined: Fri Jan 18, 2008 12:36 am
Location: Israel, ME

Re: Image overlowing div in IE 6

Post by Eran »

Post Reply