Hola a todos.
Estoy maquetando mi CV con CSS y hasta ahora me han aparecido dos problemas con Internet Explorer 7 que no consigo solucionar
Podéis ver la versión en desarrollo en
http://valentin.sanva.net/cv/BETA Pseudoclase hover:
Al pasar el puntero del ratón por las distintas categorías del CV el fondo de éstas se pone de color gris. Pero el problema es que parece que IE7 no reconoce que el puntero del ratón está encima de la capa si este está en una zona vacía
z-index:
No he encontrado nada al respecto, pero parece que IE7 no interpreta bien (o hago algo mal) el atributo z-index de una capa (me ocurre que el fondo del bloque de información "Formación académica" pasa por encima de la foto que tengo en el lado derecho)
Esta es la hoja de estilos que usa el sitio:
Código:
body{
text-align:center;
background:#199;
font-family:Geneva, Arial, Helvetica, sans-serif;
}
h1, h2, h3{
color:#099;
}
h3{
margin-left:30px;
}
li{
margin-left:30px;
}
.bloque{
position:relative;
border-bottom:#000 thin dotted;
padding:20px;
margin-top:0px;
clear:both;
}
.bloque:hover{
background:#ddd;
}
.subBloque{
border-left:#000 thin solid;
padding-left:10px;
margin-left:30px;
}
#contenedor{
margin:0px auto;
margin-top:0px;
text-align:left;
width:790px;
}
#contenido{
border:#000 thin solid;
background:#eee;
margin-top:-5px;
}
#cabecera{
margin:0px;
}
#foto{
top:40px;
left:600px;
width:330px;
height:325px;
float:left;
position:absolute;
z-index:1;
}
#pie{
text-align:right;
background:#489094;
border:#000 thin solid;
}
¿Alguien podría echarme una mano?
Gracias de antemano por vuestro tiempo