Posicionando banner en el medio del header

[suministrospasai]

Buenas tardes.

Estoy intentando meter un banner en el centro de la plantilla responsive pero no hay manera de adaptarlo adecuadamente.

El banner ahora mismo actúa de la manera que quiero que lo haga con el navegador Chrome, solo que me desplaza el buscador de productos hacia abajo.

En el resto de navegadores a tamaño grande se queda en la izquierda y no puedo solucionarlo haciendo un position=absolute porque al hacerse más pequeño se planta detrás del logo y no debajo como quiero.

Tampoco puedo ponerle un left=200px porque me lo descuedra al empequeñecer.

Alguien que controle un poco de CSS y me pueda decir lo que pasa con el buscador?

 

Podéis verlo aquí

Os he delimitado el tamaño del banner para que lo veáis más fácil.

 

En el header.tpl he añadido lo siguiente después del logo:

<a id="header_banner">

<img class="header_banner" src="{$img_ps_dir}banner.gif" alt="Ferreteria online" />

</a>

 

y en el global.css esto:

#header_banner {

  position:relative;

}

 

Saludos y gracias de ante mano

 

[suministrospasai]

Igual me he explicado mal. He puesto un nuevo banner para que se entienda.

Lo que quiero es que el "BUSCAR UN PRODUCTO" suba un poco más arriba, casi pegando a la cesta, pero a su vez que no se adhiera para que cuando haga el efecto responsive el buscador quede debajo del banner.

Para que os hagáis una idea el tio de Seur tiene que quedar con las piernas saliendo del "horizontal bar" y cuando estrachamos la ventana tiene que quedar con las piernas saliendo del "Buscar un producto".

A ver si alguien me puede ayudar, sino no pasa nada, dándole mil vueltas lo acabaré consiguiendo, gracias.