Ciao a tutti, ho fatto un pò di casino con le liste...chi sà darmi una mano??
Non sono esperta di CSS e stò montando un sito solo con i fogli stile....avevo creato un menù orizzontale di immagini proprio con le liste ed era tutto ok.....solo che evidentemente ho sbagliato metodo perchè adesso ho necessità di fare in una pagina una semplice lista di servizi ma non ci riesco! mi prende il cpmportamento della lista precedente....ho capito l'errore in pratica prima non avevo definito una classe ma un id ma non sò come modificarla.....
Mi posto il codice del CSS e della pagina col menù di immagini:

////////////// CSS //////////////

codice:
ul#navigazione {
padding : 0;
margin : 0;
}
li {
float : left;
width : 100px;
height : 78px;
list-style-type : none;
}
li a {
display : block;
width : 100px;
height : 78px;
text-decoration : none;
background : no-repeat 0 0;
position : relative;
font-size : 1px;
color : #ffffff;
}
#nav_home_active {
background-image : url('img/home_active.gif');
}
#nav_home {
background-image : url('img/home.gif');
}
#nav_home:hover {
background-image : url('img/home_roll.gif');
}
#nav_profilo_active {
background-image : url('img/profilo_active.gif');
}
#nav_profilo {
background-image : url('img/profilo.gif');
}
#nav_profilo:hover {
background-image : url('img/profilo_roll.gif');
}
#nav_servizi_active {
background-image : url('img/servizi_active.gif');
}
#nav_servizi {
background-image : url('img/servizi.gif');
}
#nav_servizi:hover {
background-image : url('img/servizi_roll.gif');
}
#nav_soluzioni_active {
background-image : url('img/soluzioni_active.gif');
}
#nav_soluzioni {
background-image : url('img/soluzioni.gif');
}
#nav_soluzioni:hover {
background-image : url('img/soluzioni_roll.gif');
}
//////////////////////////////////////


/////////////////PAGINA////////////

<ul id="navigazione">
[*]Home
[*]Profilo
[*]Servizi
[*]Soluzioni[/list]

//////////////////////////////////////


Come devo modificarli???

grazie!!!!!!!!