div fijo

[juancile]

Hola!.
Estoy haciendo mi pagina y teno el menu principal que es horizontal y esta ubicado en la parte superior de la pantalla y centrada.

Quisiera que esta quede fija al hacer scroll y por encima de los demas divs, y que al seleccionar un item se dirija al sector respectivo de la pantalla, como se hace en esta pagina.

Mi codigo HTML:

Código HTML:

<div id="menu">
    	<div id="logo"><img src="imgs/logo.gif" /></div>
    	<ul>
    	<li><a href="#">Trabajos</a></li>
    	<li><a href="#">Servicios</a></li>
    	<li><a href="#">Contacto</a></li>
	</ul>
                <div id="flecha"><a href="#"><img src="imgs/flecha.gif" alt="Subir"/></a></div>
</div> 

Mi codigo CSS:

Código HTML:

#menu{
	width:718px;
	height:42px;
	border:1px solid #FFF;
	background-color:#0e283f;
	padding:0;
	margin:0 auto;
	margin-top:-1px;
	text-align:center;
	position:fixed;
}
#menu ul{
    list-style:none;
    margin:2px;
    padding:10px;
}
#menu ul li {
    float:left;
    padding-left:15px;
    padding-right:15px;
}
#menu ul li a{
    font-size:18px;
    text-decoration:none;
    color:#FFF;
    font-weight:bold;
}
#menu ul li a:hover{
    color:#C1EAFF;
}
#logo{
	float:left;
	margin-left:20px;
	margin-right:160px;
	height:32px;
	width:188px;
	padding:10px 0 0 0;
	display:inline;
}
#flecha{
	float:right;
	height:42px;
	width:53px;
	margin:-30px 0 0 0;
	padding:0;
	display:inline;
}

Le aplique "position:fixed;" para que quede fijo pero en IE me queda a la izquierda y hay divs que quedan por encima del menu.
Tambien me gustaria saber como lograr el efecto cuando se hace click de la pagina mencionada.

Muchas graciasssssssss!.