Problemas con z-index.

[paxarin]

Muy buenas.
estoy haciendo una nueva web , sobre viajes.
El logo de la web esta hecho con photoshop y es un archivo png (aunque estoy pensando en cambiarlo ya que pesa vastante) y como no es rectangular si no que tiene una redonded en la parte inferior, he usado z-index para superponer el logo con la barra de navegación.
El efecto a mi por lo menos me gusta mucho, pero hay esta el problema. Si dejo el codigo como lo muestro aqui debajo la barra de navegación no funciona

.logotipo{
margin-top:0px;
margin-left:0px;
margin-bottom:-15px;
float:left;
position:absolute;
z-index:2;
}
#menu {
position:relative;
z-index:1;
float:right;
background-image:url(imagenes/nav_bg.png);
background-repeat:repeat-x;
height:30px;
width:733px;
margin:auto;
margin-top:220px;
}

y si invierto el z-index, la barra de navegación queda por encima de la imagen y se ve muy feo.
Alguien me puede hechar un cable, xD.
Aqui dejo la dirección de la web.
http://listadeespera.myartsonline.com
Un saludo

[cristian_cena]

Supongo que tu menu y tu logo son hermanos entre si (si no lo son, hazlo para que funcione z-index). Te sugiero le des al padre de ambos position:relative; y luego trabajes con position:absolute; para la caja del logo y del menú.
Y por tanto elimines el flotado y los margenes sustituyéndolos por las propiedades:

top:;
left:;
right:;
bottom:;

Con estas propiedades podrás mover la capa de los hijos en relación al eje de coordenadas 0,0 del padre, o lo que es lo mismo, a la esquina sup-izq del padre (que como te indiqué ahora debería tener una posición relativa)

Espero te sea útil, cualquier cosa nos seguimos leyendo, un saludo!