O menu é basicamente o mesmo que o meu da página de Goodies.
1. Primeiro, cole isso no seu CSS.
/* css dos lados do menu */
.menuesquerdo { float:left; width:49%; text-align:justify; }
.menudireito { float:right; width:49%; text-align:justify; }
.null { padding:1px; margin:1px; clear:both; }
/* menu */
#menuconteudo {
display : block;
font-size: 10px;
font-family: arial;
border-bottom : 1px dotted #COR DO PONTILHADO;
line-height : 15px;
margin-bottom : 1px;
background-color: #COR DE FUNDO;
padding-left : 0px;}
#menuextra:hover {
display: block;
vertical-align: middle;
border-bottom : 1px dotted #COR DO PONTILHADO HOVER;
background-color: #COR DE FUNDO;
padding-left : 0px;}
2. Depois, cole isso onde você quer que apareça o menu.
<div class="menuesquerdo"> <div id="menuconteudo"><a href="http://link.com">Texto</a></div> <div id="menuconteudo"><a href="http://link.com">Texto</a></div> <div id="menuconteudo"><a href="http://link.com">Texto</a></div> <div id="menuconteudo"><a href="http://link.com">Texto</a></div> <div id="menuconteudo"><a href="http://link.com">Texto</a></div> </div> <div class="menudireito"> <div id="menuconteudo"><a href="http://link.com">Texto</a></div> <div id="menuconteudo"><a href="http://link.com">Texto</a></div> <div id="menuconteudo"><a href="http://link.com">Texto</a></div> <div id="menuconteudo"><a href="http://link.com">Texto</a></div> <div id="menuconteudo"><a href="http://link.com">Texto</a></div> </div> <div class="null"> </div>
Prontinho! Dúvidas? Favor, consulte o ask-me.