Forzare un'immagine a "non prendere" l'hover

[Agrimensore]

Ciao ragazzi
probabilmente è stato affrontato mille volte ma non riesco venire a capo di questo problema.

Ho un css a:hover che tra l'altro specifica

background-color: #6FA9C4;

come colore di fondo del link attivo.
Va bene che funzioni sul testo linkato, il problema è che si attiva anche sulle immagini.
Le ho tentate tutte (definendo border="0" ad esempio), ma muovendomi sopra l'immagine a cui ho assegnato un collegamento vedo il colore di fondo.

A seconda del browser cambia solo il disegno della cornice colorata attorno all'immagine :rollo:
Ecco quello che vedo con IE


con FF invece


Penso che la soluzione ci sia e non sia neppure così complicata ... qualche suggerimento?

Grazie,
Agri.

[digital00]

Se provi a dare:

img {
   background-color: transparent;
}

Non lo so eh..l'ho buttata lì..

[Agrimensore]

mmm no non funziona

[emnlmn]

prova a dare

a {
  display:block;
  width:X;
  height:Y;
}

al posto di X e Y le dimensioni dell'immagine nel link.

[Agrimensore]

questo è il class che ho provato ad assegnare all'immagine

.immagine {
	color: none;
	background-color: transparent;
	border: 0;
	display:block;
	width:137px;
  	height:84px;
}

Layout completamente sfalsati in IE e FF

Quindi credo che la soluzione debba essere un'altra, probabilmente molto più semplice.
Eppure ricordo di aver risolto una volta questo problema per puro caso giustamente il come non mi sovviene più in testa ...

[digital00]

img {
   border-width: 0px;
}

?

[Agrimensore]

Originariamente inviato da digital00

img {
   border-width: 0px;
}

?

Non funziona

[digital00]

Hai un link alla pagina? almeno testo con firebug

[Agrimensore]

Sto sviluppando in locale, non ho ancora un link remoto.

Quello che comunque sto cercando di implementare è questo effetto
http://www.nickstakenburg.com/projects/lightview/

L'effetto funziona perfettamente sulle mie pagine.
"Purtroppo" avevo già sviluppato un serie di css per gli stati
a, a:hover, a:active

nello stato a:hover ho assegnato un background-color, per cui adesso tutti i link (testo o immagini) comunque prendono quel colore di fondo...

[Agrimensore]

Questo è il tipo di codice che viene assegnato all'immagine

[img]/images/icone/01.jpg[/img]

il class "immagine" è questo

.immagine {
	color: none;
	background-color: transparent;
	border-width: 0px;
	padding: 0;
	margin: 0;
	background: none;
	overflow: hidden;		
}

Nonostante tutto quello che ho infilato nel class, al passaggio del mouse continua a visualizzarsi il colore di fondo dello stato a:hover (vedi immagini di esempio all'inizio del topic).