Pulsanti in orizzontale

[Minerva88]

Salve.
Ho creato un pulsante che al passaggio del mouse cambia colore.
Adesso accanto a questo pulsante vorrei metterene un altro (con lo stesso effetto) e poi un altro ancora cosi da creare un menu in orinzontale di pulsanti.
Così tipo:


Adesso mi ritrovo quindi con un pulsante... Ne vorrei mettere un altro accanto senza fare di nuovo mille div. C'è un modo per comprendere il secondo pulsante insieme al primo? Così da non riscrivere altri codici superflui?

[codencode]

Posta HTML e CSS.

[Minerva88]

#bottonesx { 
background: url(image/tasto2.png) no-repeat 0 0; 
width: 94px; 
height:28px; 
border: 0; 
cursor: pointer; 
margin-right:8px; 
position:relative; 
left:305px; 
bottom:37px; 
padding-top:10px;   } 

#bottonesx:hover{ 
background-position: 0 -38px;  } 

#bottonesx:active{ 
background-position: 0 -70px;  }

<div id="bottonesx"><div id="home">Home</div>

[uffissimo]

no allora...
metti il codice html così:

<div id="tmenu">
<ul class="menu>[*]link1[*]link2[*]link3[/list]
</div>

e nel css scrivi:

#tmenu ul.menu{
list-style:none;
margin:0; padding:0;
} 

/* stile link */
#tmenu .menu li{
display:inline;
} 

#tmenu .menu a{
float:left;
background: url(image/tasto2.png) no-repeat 0 0; 
width: 94px; 
height:28px; 
border: 0; 
cursor: pointer; 
margin-right:8px; 
position:relative; 
left:305px; 
bottom:37px; 
padding-top:10px; 
} 

#tmenu .menu a:active {
background-position: 0 -70px; 
}

#tmenu .menu a:hover{
background-position: 0 -38px;
}

[Minerva88]

Bene...
Grazie Mille^^