Text + bild i <div> = kacka

Jag skulle vilja ha texten till vänster och bilden till höger. Men hur jag än gör så blir det två "rader" om jag högerställer bilden eller så hamnar den som på bifogad bild.
Hjäälp!

<style>
.divarea{
width:70px;
height:10px;
padding-left:2px;
background:#eef;}
</style>
<div id="sub2" class="divarea">Kalle<a href="#" onClick="sw('sub0')"><img src="downarrow.gif" border="0"></a></div>

Testa detta (funkar för mig i IE6)

.divarea
{
	width:120px;
	height:20px;
	padding-left:2px;
	background:#eef;
}
.divarea img
{
	float:right;
}
.divarea .txt
{
	float:left
}

<div id="sub2" class="divarea">
<span class="txt">Kalle</span>
<a href="#" onClick="sw('sub0')"><img src="downarrow.gif" width="16" height="16" border="0"></a>
</div>

Tack, det gjorde susen. :)