Ayuda con vertical-align

[Mikmoro]

Es sencillo: si marcas una distancia del lado derecho y esa distancia es fija, cuando reduces el navegador la caja siempre se mantiene a la misma distancia de la derecha, y por eso es empujada.
Sin embargo, si marcas la distancia de la izquierda, esa también será fija, y aunque reduzcas el navegador siempre se mantendrá, por lo que nunca se acercará al logo.
Prueba con esto:

#banner_fondo1 { width: 498px;
height: 100px;
position: absolute;
background-image: url(../images/banner_fondo.gif);
top: 6px;
background-color: rgb(102, 204, 204);
left: 450px;
}

Al estar en posición absoluta el float right no le hace nada, así que lo he eliminado, y he cambiado el right: 50px por left: 450px, que viene a ser muy parecido en tu caso (prueba hasta encontrar el sitio a tu gusto).

Ya me dirás qué tal.

Mikel.