Ver Mensaje Individual
  #2 (permalink)  
Antiguo 02/08/2011, 00:16
angel_sr
 
Fecha de Ingreso: agosto-2011
Ubicación: lima
Mensajes: 2
Antigüedad: 12 años, 9 meses
Puntos: 0
Respuesta: Problema con hover

Hola que tal kenproxd.

Eh.. mira el problema que tienes en tu CSS es el siguiente

Código:
    #header {
        position: absolute;
        width: 100%;
        background: url(images/header_bg.jpg);
        background-repeat: repeat-x;
        border-bottom: 2px solid #000;
        height: 75px;
    }
    .header_button {
        position: relative;
        float: right;
        padding: 0 15px 0 15px;
        font-size: 14px;
        font-weight: bold;
        color: #000;
        line-height: 75px;
    }
    .header_button:hover {
        color: #fff;
        background: #009ba9;
    }
    .header_button:hover #header {
        border-bottom: 2px solid #009ba9;
    }
Esa linea roja que estoy resaltando, debes agregar lo siguiente:
.header_button:hover, #header:hover

Como ves, lo unico que le faltaba a esa linea era una coma para separar la clase y el id ademas de colocarle a #header el hover para que funcione.

Espero te sirva.
Saludos.