elenchi ul

[techno]

Salve ho dei problemi con l'elenco ul:

<div style="position:relative; width:800px; margin:0 auto;">
<ul style="margin:0; padding:0; list-style:none;">
<li style="line-height:24px; margin-bottom:10px;">
<div style="width:200px; float:left; margin-right:10px;"><span class="txt1fff">Nome:</span></div>
<div style="float:left;"><input id="name" name="name" type="text" size="50" /></div>
<div id="clear"></div>

<li style="height:24px; line-height:24px; margin-bottom:10px;">
<div style="width:200px; float:left; margin-right:10px;"><span class="txt1fff">Cognome:</span></div>
<div style="float:left;"><input id="surname" name="surname" type="text" size="50" /></div>
<div id="clear"></div>
[/list]
</div>

<div id="footer">
...
</div>

Il problema che l'elenco va sotto il box footer che non dovrebbe andare.

[ResianTaxidrive]

e se togli il position:relative all'elenco?

[techno]

azzz non cho provato ci provo

[techno]

ops leggendo bene non cè posizione relativa a ul ma al box

[ResianTaxidrive]

Devi togliere tutti i float e l'height del secondo liche è bloccato a 24px;

Cmq il codice non è corretto secondo me, non devi usare le liste per fare quella che invece è una form.