menu que no se mantiene en su posicion

[esaenz22]

Código HTML:

<header id="cabecera_fondo">
<div id="logo">
  <h1><a href="#">logo</a></h1>
</div>
<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>
</header>
 

el codigo css

Código CSS:

#cabecera_menu{
    position:relative;
    float:left; 
    left:230px;
    height:33px;
    top:34px;   
}
 
#iconos{
    float:left;
}
 
#menu_navegacion{
    float:left;
}
 
#menu_navegacion{
    float:left;
}
 
#menu_links{
    height:22px;
    float:left;
    margin:0 0 0 30px;
}
 
#menu_links ul{
    margin:0;
    padding:0;
    list-style:none;
}
 
#menu_links li{
    padding:4px 8px 0 8px;
    border-right:1px solid #5e5e5e;
    display:inline; 
}
 
#menu_links li a{
    font-family:Verdana, Geneva, sans-serif;
    font-size:11px;
    color:#5e5e5e;
    text-decoration:none;
}
 
#menu_links li a:hover{
    color:#5e5e5e;
    text-decoration:underline;
}
 
#buscador{
    float:left;
    margin:0 0 0 36px;
    position:relative;
    top:-2px;
}
 

saludos.