menu- různá tlačítka

Zdravím,
mám menu nastylizované podle tohoto kodu



<style>
#spodni-menu {
margin:25px 0 0 0;
padding:10 10 0 74px;
}
#spodni-menu li a {
display:block;
background:transparent url('666_10.jpg')
left top no-repeat;
height:194px;
width: 180px;
line-height:124px;
text-align:center;
text-decoration:none;
font-size:90%;
color:black;
}
#spodni-menu li a:hover {
background:transparent url('sviti.jpg')
left top no-repeat;
color:#fff;
}
#spodni-menu li ul {
display:none;
}
#spodni-menu li:hover ul {
display:block;
position:absolute;
border:solid #D60000;
border-width:10px 10px 10px 10px;
}
#spodni-menu li:hover ul li {
display:block;
float:none;
height:34px;
width:120px;
border-top: 10px solid #D60000;
}
#spodni-menu li:hover ul li a {
background:#17160A;
}
#spodni-menu li:hover ul li a:hover {
background:#DA0000;
color:#fff;
}
</style>


ted je to tak ,že jeden obrázek udává vzhled všech tlačítek,jak to mám udělat aby jsem ke každému tlačítku mohl přiřadit jiný obrázek??
Díky moc za každou radu

Jako sorry ,ale myslím že tohle je trochu obtížnější ,než ty příklady tam... Snad by mohl někdo alespoň dvěma větami naznačit jak na to.

Panterovi díky ,je to užitečná rada :-)

A jinak když jsme na českém diskusním foru,tak proč nemáš svůj nick napsaný česky?(panter) a proč nemažeš příspěvky všem slovákům?

A já jsem snad psal rusky ,nebo nějakou nesrozumitelnou řečí? Čemu si nerozuměl?