[SOLVED] like clear but not (or maybe it is)

[Lodius2000]

so my markup is like this

 

<div class="entry">

<h2>title</h2>

<p><img class="floatright" scr="this image is a thumnail floated right">Some text goes here</p>

</div>

 

my problem is that if "some text goes here" is not long enough to cover the height of the thumbnail, the thumbnail will overlap into the next entry can cause any text (usually my h2) to wrap around the floated image on my blog. I thought that giving the entry class a clear: both attribute would solve this but to no avail. as it is, I am forced to think of more and more stuff to write just so that I can get past the length of my thumbnail. what can i do to make the bottom of that image, or the bottom of the text, whichever is longer, the actual bottom of the div box

 

thanks in advance

[haku]

div.entry

{

    overflow: auto;

}