Come mai le foto sbordano mentre il testo no?

[fabioski]

Come mai le foto sbordano mentre il testo no?

Come faccio ad obbligare che un <ul>svariati li</ul> (ul e li con attributi FLOAT)
stiano dentro un determinato DIV senza sbordare sotto?

[fabioski]

Ecco le definizioni di ul e di list

ul#gallery, ul#gallery li{
margin: 0;padding: 0;list-style-type: none}
ul#gallery{float: left; width: 100%}
ul#gallery li{float: left;
width: 150px;height: 150px;
line-height: 150px;text-align: center;
margin: 0 10px 10px 0;
ul#gallery img{vertical-align: middle}

ecco come sono messi
<div class="setliv02">
<div class="intliv02">Foto allegate, attachments</div>
<p>Attachments, foto allegate ai messaggi.</p>
<p><a href="attachments.php">Tutte le foto allegate ai messaggi</a></p>
<ul id="gallery">
<li></li>
</ul>
</div>

[fabioski]

Risolto!!!
Non avevo capito bene come usare:
*La soluzione più nota e diffusa, come indicato anche in un articolo di Eric Meyer è inserire, prima di chiudere il contenitore dell'elemento float, un elemento che da il clear, in questo modo:

<div style="clear:right"> </div>*

Mettevo quel div vuoto in una posizione non esatta.
Speriamo ora tutto funzioni!