En bild som finns där, men inte visas

Hejsan.

Håller på och grejar med en hemsida, och för en gångs skull så tänkte jag prova på att bygga upp sidan med lager istället för tabeller.

Nu har jag stött på ett problem med en bild som ska bli lite positionerad med float: right. Bilden lägger sig åt höger jämte texten, men den visas aldrig. Det blir bara ett tomrum lika stort som bilden där. :(

Obs, det är dock bara när jag lägger till style='float: right;' eller align='right' inom img-taggen som bilden inte visar sig.

Väldigt nedbantad version av sidan, där bilden fortfarande inte vill visa sig.

<div id='maincontent'>
	<div id='maincontent-text'>
		<span class='ingress'>
text text text text text text text text text text text text text text text text text text text
		</span>

		<img src='images/skivsag-liten.jpg' style='float: right;' title='11' alt='11'/>
		<p>
text text text text text text text text text text text text text text text text text text text 
		</p>
		<p>
text text text text text text text text text text text text text text text text text text text 
		</p>

	</div>
</div>

Stilmallarna:

#maincontent {
	position: absolute;
	top: 120px;
	left: 10px;
	width: 460px;
	border-style: solid;
	border-width: 1px;
	border-color: #75AE7B;
	background-color: #C1DBC4;
	color: #336633;
	font-size: 8pt;
	line-height: 140%;
}
#maincontent-text {
	position: relative;
	padding: 10px;
	background-color: #C1DBC4;
	color: #336633;
}
.ingress {
	font-weight: bold;
	line-height: 160%;
}

Fick med lite mer än vad som behövdes, men det bjuder jag på. :birp