menu que no se mantiene en su posicion

[esaenz22]

hola. tengo problemas con un menu superior. al div que contiene el menú le puse posicion:relative, pensando que colocando esa propiedad se adaptaria a cualquier resolucion de pantalla que seria de 1024 x 768.

aqui dejo el codigo.

Código CSS:

#cabecera_menu {
    float: left;
    height: 33px;
    left: 230px;
    position: relative;
    top: 34px;
}
 
#menu_navegacion {
    float: left;
}
 
#menu_links {
    float: left;
    height: 22px;
    margin: 0 0 0 30px;
}
 
#buscador {
    float: left;
    margin: 0 0 0 36px;
    position: relative;
    top: -2px;
}
 

Código HTML:

<div id="cabecera_menu">
      <div id="menu_navegacion">
        <div id="iconos"> <img src="imagenes/iconos.jpg" width="79" height="15" border="0" usemap="#Map">
          <map name="Map">
            <area shape="rect" coords="59,2,77,13" href="#" alt="email" title="email">
            <area shape="rect" coords="30,2,49,13" href="#" alt="mapa del sitio" title="mapa del sitio">
            <area shape="rect" coords="2,2,15,14" href="#" alt="Home" title="Home">
          </map>
        </div>
      </div>
      <div id="menu_links">
        <ul>
          <li><a href="#">Inicio</a></li>
          <li><a href="#">Contacto</a></li>
          <li><a href="#">A Favoritos</a></li>
          <li><a href="#">Recomendar</a></li>
        </ul>
      </div>
      <div id="buscador">
        <form name="form1" method="post" action="">
          Buscar
          <input type="text" name="buscar" id="buscar" class="objetoformulario">
        </form>
      </div>
    </div>
 

saludos.