Menu Flotante.

[S-Virus]

Hola Compañeros, tengo un problemilla, a ver si pueden ayudarme.

Mirad, tengo una cabezara de unas dimensiones determinadas, y dentro de esa cabecera, va un menú, el menú es un poco especial, es una imagen de fondo a la que superpongo una lista de iconos, pero dicho menu de navegación debe de ir alineado en un lugar concreto de la cabecera y ahí es donde me viene el problema, al utilizar los pading y/o margin para este cometido ya se me descoloca la información de dentro del div navegación, os pongo el CSS ok?

Código:

div#cabecera {
    background:url(../img/fondo_cabecera.jpg) no-repeat left;
    width:900px;
    height:292px;
}

div#navegacion {
    width:335px;
    height:100px;
    background:url(../img/fondo_menu.png) no-repeat left;
    
    
}

div#navegacion ul {
    padding-left:15px;
}

div#navegacion li {
    float:left;
    padding:40px 5px;
    
}

[kseso?]

Si quieres colocar un elemento en un punto concreto de la página sin que se vea afectado por los demás ni afectar él a otros, usa la propiedad "position:absolute" y con left/top/ right/bottom (dos de ellas) lo situas con precisión de 1px.

Eso sí, recuerda que su padre tiene que tener posición relativa. De no ser así, utilizará como referente el primer ancestro que la tenga.

Un saludo

[S-Virus]

Gracias, lo pruebo y comento por aki los resultados :).