(anch'io) un menu così...

[UNIX-based]

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...

<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:

#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;}

[andrea.paiola]

torna alle basi dei CSS e studia quele prima di pensare ad un menù... comunque tra i link utli ci sono dei menù già fatti

[UNIX-based]

alla fine l'ho realizzato con delle gif 11x11...

<div id="menu">
<ul>
	[*]<span>link1</span>
	<div></div>[/list]
</div>

#menu {
	position:relative;
	width:100%;
	height:23px;
	float:right;
}
ul {
	position:absolute; bottom:0; right:0;
	margin:0; padding:0;
}
ul li {display:inline;}
ul li span {display:none;}
ul li a {
	background-image:url(button.gif);
	height:11px;
	width:11px;
	float:left;
}