consiglio css

[josua]

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

[jesus]

Devi mettere un br con clear: both alla fine.

<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]
<br style="clear: both;" />
</div>
</div>