[CSS] link: block

[Edward Becket]

Ho dei problemi conm un menù. Ho realizzato i tasti con delle immagini di sfondo e al passaggio del mouse quete immagini cambiano.
E' normale che il link funzioni da quando il mouse passa sopra l'immagine del bottone e non necessariamente sopra il testo del link?
Se così, come faccio a fare in modo che il link si attivo al pasaggio del mouse sopra la scritta e non sopra allìimmagine di sfondo?
in pratica è come se avessi settato display:block per il link ma non è così.
Ecco il codice css:

#menulaterale a{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 7pt;
	margin-top: 90px;
	width: 127px;
	height: 28px;
	font-weight: bold;
	background: url(Images/Layout/Menu.gif) no-repeat;
	text-decoration: none;
	text-align: center;
	position:absolute;
}
#menulaterale a:hover{
	background: url(Images/Layout/Menu_on.gif) no-repeat;
	color: #758A00;
	text-decoration: none;
	margin-left: 5px;
}

[Sibelium]

E' normale perchè l'area utile del box è quella che gli dai tu settando la proprietà width e height,(che penso tu abbia tarato secondo le dimensioni dell'immaginina di sfondo).

Per rispondere alla tua domanda forse dovresti non settare width e height di a, racchiudere ogni tag <a... dentro un div e impostare gli sfondi per quel tag div, ma poi sarebbe un casino perchè perderesti l'effetto rollover....

[Edward Becket]

Quindi non ho possiiblità di ottenere quello che voglio mantenendo l'effetto rollover?
Qualcuno sa qualcosa?