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