Problema al acomodar un hover

[kenproxd]

Hola a todos,

Tengo la siguiente columna:

Código HTML:

<div id="tabla_derecha">
 
    <img src="images/ingresar.png" />
    <div class="separador_title"> </div>
    .........
</div>
 

el CSS:

Código CSS:

#tabla_derecha {
    float: right;
}
.separador_title {
    background: #bbbbbb;
    height: 2px;
    width: 140px;
    margin-top: 4px;
    margin-bottom: 8px;
}
 

lo cual se ve de la siguiente manera:



Mi intención es hacer que el div separador_title cambie de color cuando el mouse este encima del div tabla_derecha.

Como ven en la imagen, separador_title sólo ocupa un espacio mínimo y tabla_derecha es el div que contiene todo lo sombreado.

Espero que puedan ayudarme :) saludos