Liste che cambino immagini al click, con IE và ma con FF no

[flash.tato]

Ho una lista di questo tipo:

         <div id="navbar">
            <ul>
            [*][url="index.php"][/url]
            [*][url="software.php"][/url]
            [*][url="beta.php"][/url]
            [/list]
         </div> 

Il CSS principale:

#header {
 background-image: url(header.png);
 height: 140px;
}

#navbar {
 background-image: url(top_header.png);
 height: 30px;
 text-align: left;
}

#navbar ul {
 margin: 0;
 padding: 0;
 line-height: 30px;
}

#navbar li {
 list-style-type: none;
 display: inline;
 height: 30px;
 width: 110px;
}

#navbar li a, #navbar li a:hover {
 text-decoration: none;
} 

Il CSS dei tag[*] con le immagini è questo

.button_home {
 background-image: url(buttons/home.png);
}

.button_home:hover {
 background-image: url(buttons/home_hover.png);
}

.button_software {
 background-image: url(buttons/software.png);
}

.button_software:hover {
 background-image: url(buttons/software_hover.png);
}

.button_beta {
 background-image: url(buttons/beta.png);
}

.button_beta:hover {
 background-image: url(buttons/beta_hover.png);
} 

Con IE è tutto OK ma con FireFox manco mostra le immagini.

Che cosa sbaglio?

[Mich_]

Di solito (statistica del forum), se si vedono le immagini in IE e non in FF, c'e` un problema di path:
Il path corretto deve partire dalla posizione del CSS, non del codice HTML, mentre IE permette anche il path dalla pagina HTML.
Dal codice postato non si riesce a capire se il CSS e` in un file a parte e/o se e` nella stessa dir dell'HTML.

[flash.tato]

Purtroppo il path è del CSS non de file HTML.

[Mich_]

Se puoi posta il link: magari qualcuno trova il problema.
In alternativa ci vorrebbe tutto il codice (HTML+CSS), ma se la cosa e` troppo lunga, ci sono scarse possibilta` che qualcuno ci guardi ...

[flash.tato]

E' tutto sopra vedi.

[flash.tato]

Possibile che nessuno ha una soluzione