Duda muy repetida se me mueve el DIV de lugar al cambiar resolucion o navegador

[valtimore1]

Buenas, pues eso, disculpen pero he visto muchos post al respecto y leido mucha informacion sobre como trabajan las propiedades de position en CSS pero sigo teniendo problemas con un DIV que sirve de contenedor para un buscador que quiero agregar, lo estoy poniendo como absolute, pero al cambiar la resolucion pega un horrible salto y se encima con el logo principal y no he podido solucionar.

Le borre un momento la condicion de absolute y la cambie a relative y entonces funciono! se quedo en su lugar!

El problema esque cuando lo hice creo un espacio en blanco entre el menu principal y el logo principal, ya que ahi se alojo el espacio generado por el relative en el DIV.

La solucion creo que esta en mi absolute pero ya lo he revisado y no encuentro el problema, a ver si ustedes pueden hecharme una mano con esto.

Muchas gracias !!

Código HTML:

<div style="position: absolute; width: 199px; height: 36px; z-index: 3; left: 419px; top: 126; float: none; clear: none;" id="capa3">
<img border="0" src="buscador.bmp" width="25" height="24"></div>
 

En una resolucion de 1024 x 768 se ve perfecto el DIV colocado donde lo puse, pero cuando cambio a resoluciones mayores pega un salto a la izquierda

[alexk]

Si es una duda muy repetida debe haber respuestas muy repetidas... para que hacemos mas?...
Te falto buscar mas antes de preguntar.

Necesita "position:relative" al elemento padre para que los hijos con "absolute" esten bien posicionados... pero si estas maquetando tu sitio con puras posiciones absolutas vas por mal camino... es mejor que todo el sitio fluya normalmente con el resto de elementos... y en algunas ocaciones (que realmente se necesite sacar del flujo normal) hacerlo.

Aqui podras aclarar muchas dudas
http://librosweb.es/