menu css que se adapte a cualquier resolucion

[esaenz22]

aqui dejo el codigo html y css.

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>
</header>
 

Código CSS:

#cabecera_menu{
    position:relative;
    left:230px;
    height:33px;
    float:left;
}
 
#buscador{
    float:left;
    margin:30px 0 0 36px;   
}
 
#iconos{
    position:relative;
    float:left;
    width:90px;
}
 
#menu_navegacion{
    position:relative;
    float:left;
    top:34px;
    height:22px;
}
 
#menu_links{
    height:22px;
    float:left;
    margin:34px 0 0 0;
}
 
#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;
}
 

saludos.