mejor alineacion de un div dentro de otro.

[PedroRodas]

Hola, Para una web que me han encargado hoy mismo voy a poner un cabecera que sera comun a todas las secciones de la web, por lo que hare un archivo externo que cargare con include de php en todas mis paginas.

La cabecera consta solo de una imagen de fondo y un div que contendra el menu de opciones, asi:

Código HTML:

<div id="cabecera">
	<div id="menu">
	<ul>
	  <li><a href="#" >Como llegar</a></li>
	  <li><a href="#" >Local</a></li>
	  <li><a href="#" >La Carta</a></li>
	  <li><a href="#" >Reservas</a></li>
	  <li><a href="#" >Ocio y cultura</a></li>	
	</ul>
	</div>
</div> 

La imagen tiene unas dimensiones de 768x145, y el <div id="menu"> debe estar alineado en la zona inferior derecha de su div padre(cabecera). Yo lo he realizado poniendole position:relative al <div id="menu"> y con las propiedades top y left.

No se si esto es lo mas aceptado o valido y me gustaria saber como lo haceis vosotros.

No he tenido ningun problema con mi codigo pero me parece un poco chapucero, no lo se.

gracias por vuestras aportaciones!!!

[MaxxiM]

Probaste poniendo:

float: left;
position: bottom;

dentro de #menu ?