Simpel fråga om DIV/CSS

Tja, var några månader sen jag höll på med CSS, lite ringrostig här. Håller på att formlägga en sida och har stött på ett problem.

Jag har en div som innehåller bild och text. Bilden har koden float: left; för att texten skall flyta runt den. Jag vill dock att divens höjd skall justera sig efter bildens storlek vilket den inte vill göra nu! Hur gör jag?

Ska väl tillägga att jag vill ha så lite kod som möjligt, om man ska hålla på att lägga till osynliga element blir det så mycket och ful kod. Det finns ingen annan lösning?

EDIT 2: Overflow: hidden; löste mina problem.

Ingetdera fungerar i IE
Varför skapades denna onda webbläsare?

EDIT: Det fungerar nu, problemet är bara att det blir ett litet mellanrum i IE på några få pixlar mellan bilden och divens slut. Att ställa in font-size: 0 och line-height: 0 fungerar inte.

* { 
	border: 0;
	margin: 0; 
	padding: 0;
	}

.content {
	background-color: #000;
	margin: 15px;
	}

.content img  {
        display: block
	float: left;
	}

.clear {
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	}

<div class="content"><img src="bild.gif" /><div class="clear"></div></div>

Vad ska jag ta mig till?