Menú que no se mueva al hacer scroll

Hola. He hecho una web en la que le he puesto un scroll que solo sale en vertical con "overflow-x:hidden". Pero cuando haces scroll el menú se va hacia arriba y me gustaría que permaneciese estático.
¿Alguien sabe como se hace? os dejo el código de mi menú:

Código HTML :

<div id="menu">
        <div style="float:left; width:1000px;">
               <div id="logo">
                    <a href="index.html"><img src="imagenes/logo.png" /></a>
               </div>
               <div id="botones_menu">
                      <ul>
                        <li><a href="index.html">HOME</a></li>
                        <img src="imagenes/linea_azul_menu.jpg" />
                        <li><a href="productos.html">PRODUCTOS</a></li>  
                        <img src="imagenes/linea_azul_menu.jpg" />
                        <li><a href="equipo.html">EQUIPO</a></li> 
                        <img src="imagenes/linea_azul_menu.jpg" /> 
                        <li><a href="clientes.html">CLIENTES</a></li> 
                        <img src="imagenes/linea_azul_menu.jpg" /> 
                        <li><a href="contacto.html">CONTACTO</a></li>  
                     </ul>  
               </div>
           </div>
     </div>

Muchas gracias.

Lo he intentado poniendo en las css del id menu lo siguiente:

Código CSS :

position: fixed;
margin-left: auto;
margin-right: auto;
display: block;

Y funciona, pero el contenido de la página al hacer scroll aparece por encima del menu y el scroll aparece por debajo.

Para ordenar los divs por capas utiliza la propiedad z-index en el div position fixed.

Código CSS :

position: fixed;
z-index:1;
margin-left: auto;
margin-right: auto;
display: block;