[HTML]problema Menu

[dany1900]

Salve non riesco ad implementare il menu,ho gia un css ma vorrei modificarlo,mi piace lo stile

il menu è questo

http://meteocampoli.altervista.org/medieregionali.html

e il css questo

Codice: Seleziona tutto

#buttons{
	text-align:center;
	height: 56px;
	padding-left: 0px;
	background: url(images/buttons.png) left top no-repeat;
	padding: 0px 0px 0px 20px;
}
#buttons a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 100;
	display: block;
	float: left;
	text-decoration: none;
	color: #ffffff;
	text-align: center;
	padding-top: 20px;
	height: 34px;
}
.but {
	padding: 0px 20px;
/*	width: 95px;*/
}
#buttons .but:hover {
	background: url(images/but_hover.jpg) top repeat-x;
}
.but_t {
	background: url(images/but_hover.jpg) top repeat-x;
}
.header_top {
	background: url(images/header_top.png) left top no-repeat;
	height: 24px;
}
.header { height:200px;
	background: url(images/header.jpg) 23px top no-repeat #FFFFFF;
}
.header_bot {
	background: url(images/header_bot.png) left bottom no-repeat;
	height: 24px;
}

Il menu questo

Codice: Seleziona tutto

<div id="buttons">
		<a href="index.htm" class="but but_t"  title="Dati attuali" style="height: 45px;padding-top:10px">Dati<br />attuali</a>
	
			         <a href="riepilogo.htm" class="but" title="Dati e grafici" style="height: 45px;padding-top:10px">Statistiche<br />complessive</a>

<a href="temperature.htm" class="but" title="Temperature" style="height: 45px;padding-top:10px">Temperature<br /> limitrofe</a>
   	
<a href="thisyear.htm" class="but" title="Previsioni Meteo" style="height: 45px;padding-top:10px">Previsioni<br /> Meteo</a>
			
		
			<a href="images.htm" class="but" title="Immagini & webcam" style="height: 45px;padding-top:10px">Immagini<br /> & Webcam</a>
                        <a href="satellite.htm" class="but" title="Sat Meteo">Satellite</a>

<a href="terremoti.html" class="but" title="Terremoti">Terremoti</a>

<a href="infos.htm" class="but" title="Informazioni e curiosità" style="height: 45px;padding-top:10px">Info <br />Curiosità</a>

Trovo particolari difficoltà ad inserire le voci nel menu senza sfasare il tutto...ma specialmente quando faccio comparire il menu a tendina va sotto alle immagini che scorrono....non si mette in evidenza ma si "nasconde" sotto le immagini...c è un modo per dargli l effettiva priorità?