effetto rollhover IE vs. Firefox

[WebFil]

In una pagina vorrei che una serie di div inseriti in un tag a cambiassero il loro sfondo al passaggio del mouse...

html:

<div class='lineatabella'>
	<a href="index.php?pg=12&detailof=73" title="Clicca per vedere il dettaglio" class="linklinea">
		<div class='box1'>Monolocale</div>
		<div class='box2'></div>
		<div class='box3'></div>
		<div class='box4'>0</div>
		<div class='box5'>0</div>
		<div class='box6'>Tratt. Riservata</div>
	</a>
</div>

css:

a.linklinea:hover div{ 
	background: #FFC;
}

Non so se la sintassi o il metodo sono corretti al 100%, con NN, FF e Mozzilla l'effetto è quello voluto con IE6 niente da fare, il background non cambia colore e non appare neanche la manina sul link (link che comunque funziona). c'è una soluzione???

Ciao.

[rebelia]

stai inserendo degli elementi blocco in un elemento inline ed e' scorretto

cmq per il tuo problema, prova ad invertire:

<div><a href>contenuto</a></div>
<div><a href>contenuto</a></div>
<div><a href>contenuto</a></div>
<div><a href>contenuto</a></div>

[WebFil]

Provato e riprovato ma nulla.....

ho anche usato altri tag al osto di div (span, ul).

Nel tuo esempio come fai nel css ad applicare un cambio di sfondo per tutta l alinea

[rebelia]

edit: scusa, ho scritto delle cavolate

'spetta

ri-edit:

se hai i link in verticale, mettili all'interno di una lista

.classe a {
   display: block;
   width: 100px;
   background-image: url(percorsoimmagine/nomeimmagine.gif);
   }

.classe a:hover {
   background-image: url(percorsoimmagine/nomesecondaimmagine.gif);
   }

.classe ul {
  list-style: none;
  }

ri-ri edit: per .classe si intende il nome della classe data al div contenitore, ma potrebbe essere (e generalmente lo e') l'id del div stesso

[WebFil]

Ti spiego meglio:

i miei link sono in orizzontale, quella che per me dovrebbe avere l'effetto al passaggio del mouse è una riga intera.

Con questa volevo sostituire le classiche tabelle

Se mi dici che vuoi dare un'occhiata ti mando un link con l'esempio.

[rebelia]

puoi ottenere il risultato desiderato con i gestori di eventi:

<style>
#menu li {
	display: inline;
	margin: 5px;
	color: #fff;
	}

.cambiacolore {
	background-color: #00f;
	}

.nuovocolore {
	background-color: #0f0;
	}
</style>

<div id="menu" class="cambiacolore" onmouseover="this.className='nuovocolore';" onmouseout="this.className='cambiacolore';">
	<ul>
		[*]Home
		[*]Chi siamo
		[*]Prodotti
		[*]Contatti
	[/list]
</div>

[WebFil]

Sempre e solo con IE ho anche il problema di una poco rappresentativa freccia sul link al posto della classica manina.... si può ovviare anche a questo???

[rebelia]

ehm... cosa vuoi dire? perche' se usi link, la manina compare :master:

[WebFil]

Si scusa prima provo, grazie