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.