ciao a tutti,
non sono assolutamente esperto di css ma ci sto provando

vorrei creare un menu con il seguente codice:
in realtà riesco a raggiungere il mio obiettivo ma vorrei perfezionarlo un po':

invece di usare gli spazi "no-break" per dare una dimensione ai div vorrei semplicemente specificarne width ed height in pixel...
in realtà le proprietà larghezza e altezza vengono ignorate, facendomi "collassare" i div (perdono in pratica la larghezza).

ho provato anche ad utilizzare la proprietà display:block (non so se ho fatto bene) ma il menu torna verticale...
Codice PHP:
<div id="menu">
<ul>[*]
<div>
    [url="?page=link1"]<div class="nav"><span>link1</span></div>[/url]
    <div></div>
</div>
[*]
<div>
    [url="?page=link2"]<div class="nav"><span>link2</span></div>[/url]
    <div></div>
</div>
[*]
<div>
    [url="?page=link3"]<div class="nav"><span>link3</span></div>[/url]
    <div></div>
</div>
[/list]
</div> 
con:
codice:
#menu {
	position:relative;
	width:100%;
	height:27px;
	float:right;
}
ul {
	position:absolute; bottom:0; right:0;
	margin:0; padding:0;
}
li {list-style:none;}
ul * {display:inline;}
ul li span {display:none;}
.nav {background-color:#333333;}
.nav:hover {background-color:#990000;}