richiesta aiuto con i CSS (larghezza di un link con sfondo colorato)

[tarr]

Salve,
vorrei capire come fare in modo che nel sito http://www.theothersmag.com/ i link corrispondenti ai titoli delle news ( "Lorem Ipsum I" e "Questo sito è in costruzione") si vedano anche in Firefox e Mozilla come si vedono in IE, ossia con il backround bianco che diventa arancione al passaggio del mouse lungo quanto tutta la colonna.



Lo stile che li definisce è il seguente:

.contentpagetitle {
	FONT-WEIGHT: bold; 
	TEXT-TRANSFORM: uppercase; 
	BACKGROUND-COLOR:  #FFFFFF;
	FONT-SIZE: 11px; 
	WIDTH: 495px; 
	COLOR: #000000; 
	TEXT-ALIGN: left;


}

A.contentpagetitle:link {
	FONT-WEIGHT: bold; 
	TEXT-TRANSFORM: uppercase; 
	COLOR: #000000; 
	WIDTH: 495px;
	BACKGROUND-COLOR:  #FFFFFF;
	TEXT-ALIGN: left; 
	TEXT-DECORATION: none
}

A.contentpagetitle:visited {
	FONT-WEIGHT: bold; 
	TEXT-TRANSFORM: uppercase; 
	BACKGROUND-COLOR: none;
	COLOR: #000000; 
	WIDTH: 495px;
	TEXT-ALIGN: left; 
	TEXT-DECORATION: none
}

A.contentpagetitle:hover {
	FONT-WEIGHT: bold; 
	TEXT-TRANSFORM: uppercase; 
	COLOR: #000000; 
	WIDTH: 495px;
	BACKGROUND-COLOR: #FF9900;
	TEXT-DECORATION: none;	
}

Come potete vedere ho impostato la larghezza dei link a 495 pixels, ma in Firefox il backround colorato si espande solo per la lunghezza del testo.
Non funziona neanche con WIDTH: 100%;


Com'aggia fa? :master:

[zoom]

occhio che c'è un errore js...
per il resto.

basta dare attributo

display:block;

al link


è giusto come fa Firefox naturalmente, perchè un elemento inline come le scritte non hanno larghezza...