Hover en un div dentro de a href

[franjgg]

Hola amigos como estan,

Vereis tengo un div dentro de un a href y lo que me gustaria es que al hacer hover sobre el div el fondo cambiase de color, este seria el codigo:



echo '<a href="?page=videos&Nvideo='.$array_paginas['Nvideo'].'&url='.$urli.'" style="text-decoration:none;" >';

echo '<div class="Panel_Thumb">';
echo '</div>';
echo '</a>';


y este el css:


.Panel_Thumb_link
{
border-bottom:solid 1px #F8F8F8;
width:358px;
height:90px;
font-size:10pt;
margin:7px 0px 0px 15px;
padding:6px 3px 6px 6px;
}

.Panel_Thumb_link:hover{

Background-color:#ffffff;
margin:7px 0px 0px 15px;
padding:6px 3px 6px 6px;
width:358px;
height:90px;
font-size:10pt;


}


Funiona bien en firefox pero en IE8 no va, a ver si alguien sabe una posible solucion

Un saludo y gracias

[chwc]

simplemente, el <a> esta fuera del div !!

Código PHP:

echo '<div class="Panel_Thumb">';
echo '<a href="?page=videos&Nvideo='.$array_paginas['Nvideo'].'&url='.$urli.'" style="text-decoration:none;" >texto';
echo '</a>';
echo '</div>';
 

creo que asi iria un poco mejor ;).
otra cosa, por que se refiere en el css a la clase Panel_Thumb_link si el link no tiene esa clase ??
creo que lo correcto seria cambiarlo por Panel_Thumb a

Código CSS:

.Panel_Thumb a
{
border-bottom:solid 1px #F8F8F8;
width:358px;
height:90px;
font-size:10pt;
margin:7px 0px 0px 15px;
padding:6px 3px 6px 6px;
}
 
.Panel_Thumb a:hover{
 
Background-color:#ffffff;
margin:7px 0px 0px 15px;
padding:6px 3px 6px 6px;
width:358px;
height:90px;
font-size:10pt;