Vi el enlace. Está chulo el sitio.
Y si, la forma correcta de hacerlo sería
sin usar posiciones absolutas.
Puedes crear un contenedor que ocupe todo el ancho, como ya tienes en realidad. En vez de poner una imagen, pones esa imagen como fondo. Y en ese mismo contenedor pones el buscador.
Luego el CSS sería algo como esto:
Código CSS:
Ver originalsection {
height: 500px; /* O cuanto necesites */
background-image: url(fondo.png);
background-size: cover; /* Ayuda a que la imagen se ajuste */
}
div#buscador {
width: 960px;
max-width: 95%; /* Por dejar un margen a los lados */
margin: 0 auto;
}
Supongo que la idea es más o menos clara. Así se adaptará perfectamente, ya que sigue manteniendo una estructura fluída con el ancho máximo de 95%.
El problema que tienes ahora de porqué lo tienes que poner con una posición absoluta, es porque estás "creando" una imagen de fondo a partir de un elemento que es una imagen.
