Problema con hover

[kenproxd]

Hola,

tengo el siguiente problema: tengo un div con un border bottom negro y dentro de este unos botones.
Quiero que, al poner el mouse sobre estos botones, el color del borde del div principal cambie. Para esto hice el siguiente código:

Código HTML:

<div id="header">
    <img src="images/logo_header.png" />
    <div class="header_button">Inicio</div>
</div>
 

Código CSS:

#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;
}
 

Aparentemente todo esta bien pero no funciona. Qué estoy haciendo mal?