Visualizzare in modo diverso elementi della stessa lista

[Rickycast]

Il mio sito è ancora in lavorazione e quindi NON desidero che il passaggio del Mouse (a:hover) cambi il colore degli elementi che non hanno ancora una pagina da aprire.
La mia barra di navigazione è questa:

HTML:

<div id="navcnt">
<div id="navspace"></div>
<div id="navigation">
<ul>
<li id="activelink"><span>Home</span>
[*]<span>Prodotti</span>
[*]<span>Supporto</span>
[*]<span>Clienti</span>
[*]<span>Rivenditori</span>
<li id="last"><span>Ditta</span>
[/list]
</div>
</div>


il CSS che ho scritto è questo:

div#navcnt{width:728px; margin: auto !important; margin: -585px 0 0 0}

div#navspace {width:168px; height:24px; float:left; display: inline}

div#navigation {width: 554px;height: 24px; background-color:#66CC00; float:right; display:inline; margin: auto}

div#navigation ul{list-style-type: none; margin: 1px 1px 1px 1px;padding: 0}

div#navigation li{float: left;margin: 0; padding:0; display:inline}

div#navigation a:visited{color:#99FF00}

div#navigation a{display: block;width: 92px; text-decoration: none;
background-color:#009900;
color:#FFFFFF;
text-align:center;
font-weight:normal;
font-styleblique;
font-variant:normal;
font-size:12px;
line-height: 22px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration: none}

div#navigation a:hover{color:#000000; margin:0;line-height: 22px}

div#navigation li#activelink a, div#navigation li#activelink a:hover{
background-image:url(../Immagini/ActvlBkgn.png);
color:#FFFFFF;line-height: 22px; margin:0; font-weight:bold}

È possibile fare in modo che gli elementi <a href="#"> non subiscano l'effetto del passaggio del mouse, mentre quelli che hanno realmente un link lo subiscano?
Grazie per l'aiuto e cordiali saluti.

[Myaku]

puoi farlo utilizzando una classe.

Cyà

[fcaldera]

oppure, in modo più ordinato, elimini i link inesistenti e dai lo stile agli elementi[*]

[Rickycast]

Grazie a tutti per le risposte.
Ho utilizzato questa regola:

div#navigation li.vuoto a:hover, div#navigation li.vuoto a{color:#FFFFFF}

ed in questo modo ho attribuito ai link lo stesso colore in entrambi i casi.
Peccato che questo sistema non funzioni con I.E. 6.

Qualcuno sa come far vedere questa regola anche a I.E 6?
Grazie

[Rickycast]

Grazie ai suggerimenti ho risolto ancora meglio in questo modo, che funziona anche in I.E. 6:

HTML:
<div id="navigation">
<ul>
<li id="activelink">Home
<li class="vuoto">Prodotti
<li class="vuoto">Supporto
<li class="vuoto">i Metodi
<li class="vuoto">Rivenditori
[*]Ditta[/list]
</div>

e con questa regola:

div#navigation a, div#navigation li.vuoto{
display: block; width: 92px; text-decoration: none;
background-color:#009900;
color:#FFFFFF;
text-align:center;
font-weight:normal;
font-styleblique;
font-variant:normal;
font-size:12px;
line-height: 22px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
border:0}

che in questo modo vale per entrambi i casi.