Div sobre outra div

Olá,

Estou com um pequeno probleminha!

Tenho 2 div separadas, uma contendo um menu horizontal, e outra que irá conter o meu conteudo propriamente dito.

a div que contém o meu menu, deverá ficar por cima da q contém o conteudo, até ai tudo bem!

Se eu usar uma gambiarra com o position, ele até q funciona, mas não tão bem!

Se eu colocar o menu dentro da div q contém o meu conteudo fica uma maravilha!!! Porém, semânticamente incorreto.

E se eu não usar nada... o meu fica sobre a div d conteudo.

Ai está o meu problema... só consegui fazer destas duas formas, alguém sabe de alguma alternativa válida????

Segue abaixo um cód como exemplo

<style type="text/css"><!--#menu li{ display: inline;}#conteudo{    width: 500px;  height; 500px;}--></style><div id="menu"> <ul>  <li><a href="#">HOME</a></li>  <li><a href="#">W3C</a></li>  <li><a href="#">XHTML</a></li>  <li><a href="#">CSS</a></li>  <li><a href="#">XML</a></li>  <li><a href="#">XSL</a></li>  <li><a href="#">CONTATO</a></li> </ul></div><div id="conteudo"></div>