Float problem with adjacent floated divs and inline image

HTML & CSS
1

Im trying to get the 4.thumb image (attached) to float to the top of the text but its anchored to the right of the second ad block div.

The 2 ad blocks should float to the left one on top of the other and the text should wrap around everything, first the thumb image, then the ad blocks (if it were long enough)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title>Float Test</title>
 </head>
 <body>
   <div class="content" style="width:800px;">
		<div class="adsense336 stacked" style="float:left; width:336px; height:250px; border:1px solid #000;display:block">This is the 1st ad code block</div>
		<div class="adsense336 stacked" style="float:left; width:336px; height:250px; border:1px solid #000;clear:left;">This is the 2nd ad code block. Wont stack below the top ad block unless I use clear left</div>
		<div class="entry search">  
		<img src="4.thumb.jpg" style="float:left;clear:none;;margin:0 10px 10px 0;" />Chai tea is a sweet beverage that originated from India. Traditional chai tea is made from spices that include black pepper, cinnamon, nutmeg, clove, fennel, Chinese star anise, cardamom and ginger. Other variations exist as well.
		</div>
</div>
 </body>
</html>
2

It’s neater to do something like this:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Float Test</title>

<style type="text/css" media="all">
.adwrap {width: 338px; float: left;}
.adwrap div {height: 250px; border: 1px solid #000;}
.entry img {float:left;margin:0 10px 10px 0;}
.entry p {margin:0;padding:0;}
</style>

</head>
<body>
  <div class="content" style="width:800px;">
    <div class="adwrap">
      <div>This is the 1st ad code block</div>
      <div>This is the 2nd ad code block.</div>
    </div>
    <div class="entry">  
      <p><img src="4.thumb.jpg">Chai tea is a sweet beverage that originated from India. Traditional chai tea is made from spices that include black pepper, cinnamon, nutmeg, clove, fennel, Chinese star anise, cardamom and ginger. Other variations exist as well.</p>
    </div>

</div>
</body>
</html>