Error: *.css solo para IE7 [Efecto de celdas]

[sandrox23]

Hola amigos, tengo el siguiente css que me sirve para resaltar las celdas de una tabla:

Código PHP:

  #mutable td {
    border-bottom: 1px solid #B5A68A;    
    border-right: 1px solid #B5A68A;    
    padding: 2px 2px 2px 2px;
     
    font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #666666;
}
#mutable td:hover {
    border-bottom: 1px solid #B5A68A;    
    border-right: 1px solid #B5A68A;    
    padding: 2px 2px 2px 2px;
      background-color: #F0E7D3;
      color: #000000;
    font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; 
}
#mutable #altcol {
   background-color: #FFFFFF;
    border-bottom: 1px  #B5A68A;    
    border-right: 1px  #B5A68A;        
    font-family: Georgia, Times New Roman, Times, serif;
    font-size: 13px;
    color: #415D7A;
    text-decoration: none;    
}
#mutable1 td {
    margin:  0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
     
    font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #666666;
}
.grids {
    border-top: 1px solid #B5A68A;
    border-left: 1px solid #B5A68A;
    font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #666666;
} 
   

el error es q solo me funciona en IE7, en IE6 no se ve los efectos, cual puede ser el error?

Gracias x su ayuda

[JavierB]

Hola sandrox23

En IE las versiones anteriores a la 7, sólo admiten la pseudo-clase :hover en los enlaces. Para que te funcione tendrías que poner un enlace dentro de la celda que ocupe todo el espacio:

Código:

td a {width:100%; display:block}

Saludos,

[sandrox23]

Hola amigo, gracias x la ayuda,soy muy noob en esto lo puse asi y no funciona:

Código PHP:

  }
#mutable td:hover {
             width:100%; display:block
    border-bottom: 1px solid #B5A68A;    
    border-right: 1px solid #B5A68A;    
    padding: 2px 2px 2px 2px;
      background-color: #F0E7D3;
      color: #000000;
    font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; 
} 
   

pero aun asi no me funciona, que puedo haber echo mal

[JavierB]

Hola de nuevo.

Tienes que ponen un enlace dentro de la celda:

Código:

<td><a href="#">Texto</a></td>

y darle los estilos al enlace:

Código PHP:

  td a {color:#000000; width:100%; display:block; text-decoration:none}
td a:hover {
border-bottom: 1px solid #B5A68A;    
    border-right: 1px solid #B5A68A;    
    padding: 2px 2px 2px 2px;
    background-color: #F0E7D3;
    font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px;  
} 
   

Saludos,

[sandrox23]

Amigo muchas gracias, ya me funciona :D