The code simply puts the column on left side and content on right side:

Code:
<div>
	<div style="float: left; width: 20%;">
		content<br /><br /><br />
		content<br /><br /><br />
		content<br /><br /><br />
		content<br /><br /><br />
		content<br /><br /><br />
		content<br /><br /><br />
	</div>
	<div style="margin-left: 20%;">
		<div>
			content<br /><br /><img src="/images/cake.jpg" style="float: left;" /><br />
			content<br style="clear: both;" />content
			content<br /><br /><br />
		</div>
	</div>
</div>
I want to only clear the image I've been floating. (only the floats that appear in the main content area) But it is clearing the left column float too.
Where I'm going wrong on this?