Ciao ho un problema con i css (soprattutto nel renderlo compatibile con tutti i browser)

Questo è il codice html:

<div id="content">
<div class="cont">
<h2>Prodotti</h2>
[img]images/computer-crash.jpg[/img]
<h3 align="center">!! Offerta !!</h3>


Questa è la sezione dove potranno essere indicate le caratteristiche dei computer in offerta</p>
<ul>[*]Pentium 4 3.00Ghz[*]nVidia GeForce FX 64MB[*]512 DDR SDRAM[*]60GB Ultra ATA/100[*]DVD-Dual [/list]
</div>
</div>
e questo il css:

#content{

margin: 0 2% 0 25%;
border: 1px solid;
background-color:#FFFFFF;
display: block;
}

.cont{

}
.cont img{
float: left;
margin-right: 20px;
}
Xchè mi sborda l'immagine?? ciao e grazie a tutti