[Risolto] disposizione elementi <li>

[lucaeffe]

[Risolto] disposizione elementi <li>

Di default ho gli elementi di lista disposti come nell'immagine A e vorrei
disporli come in B.

Esiste qualche comando particolare per risparmiare codice?
Quello che mi verrebbe in mente a me è di creare due liste...

[devilsflower]

Ciao,
non riesco a visualizzare l'immagine. Il link non sembra funzionare...

[lucaeffe]

http://img215.imageshack.us/img215/6387/senzatitolo1p.png

Ho fatto in questo modo

CSS

#footer{
background-image:url(images/footer.jpg);
background-repeat:no-repeat;
margin:0 auto;
padding:0;
height:250px;
width:100%;
z-index:1;
}

#menu_footer{
height:50px;
width:200px;
margin:0;
padding:0 0 0 -100px;}
li{
display:inline;}

display:block;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
font-size:14px;
font:bolder;
text-decoration:none;
line-height:25px;
color:#936;}

HTML

[HTML]codice:<div id="footer">
<div id="menu_footer">
<ul>
<li>
<a href="#">Home</a>
<a href="#">Home</a>
<a href="#">Home</a>
<a href="#">Home</a>
<a href="#">Home</a>
<a href="#">Home</a>
<a href="#">Home</a>
<a href="#">Home</a>
</li>
</ul>
</div>[/HTML]

Il problema è che si allunga la parte sottostante il
footer creando uno spazio bianco sotto a seconda di quanto cresce in
altezza il div

[lucaeffe]

[RISOLTO]

[HTML]<div id="footer">
<ul id="menu_footer">

<li><a href="#">Home</a></li>
<li><a href="#">Il nostro team</a></li>
<li><a href="#">Partners</a></li>
<li><a href="#">Servizi</a></li>
<li><a href="#">Redken</a></li>
<li><a href="#">Hairdreams</a></li>
<li><a href="#">L'Oreal</a></li>
<li><a href="#">Aegyptia</a></li>

</ul>[/HTML]