Link tramite "li" e no tramite parola

[Il Pazzo]

Spiego subito cosa intendo..... Ho questa lista:

<li id="home"><span>Home</span>
<li id="chiSiamo">Chi siamo
<li id="servizi">Servizi
<li id="contatti">Contatti

dove "li" assume la seguente forma:

.layoutCentrato ul#navigazione li{
	border: #000000 solid 1px;
	width: 100px;
	margin: 4px;
}

Il problema è che il link in realtà è sulla parola, non sull'intero "li".... come devo fare?
Spero di essermi spiegato bene

[chipdb]

ul li a:link, ul li a:visited {
	border: #000000 solid 1px;
	width: 100px;
	margin: 4px;
	display: block;
}

[Il Pazzo]

Originariamente inviato da chipdb

ul li a:link, ul li a:visited {
	border: #000000 solid 1px;
	width: 100px;
	margin: 4px;
	display: block;
}

No... il link sta ancoa sulla parola non su tutto il "li"....

[Il Pazzo]

Ah be... in FF va... è in IE che non va.... E poi c'è un altro problema... se uso display:block non mi funziona più lo span

[chipdb]

Logicamente devi adattarlo al tuo layout:

.layoutCentrato ul#navigazione li a:link, .layoutCentrato ul#navigazione li a:visited {
	border: #000000 solid 1px;
	width: 100px;
	margin: 4px;
	display: block;
}

[chipdb]

Originariamente inviato da Il Pazzo
Ah be... in FF va... è in IE che non va....

In IE6 va senza problemi...

[Il Pazzo]

Originariamente inviato da chipdb
In IE6 va senza problemi...

no infatti.. scusa.. è lo span che mi da problemi... non funziona l'opacity....

[chipdb]

Leggi un pò qua per l'opacity

[Il Pazzo]

Originariamente inviato da chipdb
Leggi un pò qua per l'opacity

grazie ora va