¿Cómo hacer un menú como este?

[Chipus]

Aca te copio el codigo de un menu que encontre.
Ojala te sirva!!

Siempre contame.

CSS:
<style type="text/css">

body {
font-family: arial, helvetica, serif;
}

ul { /* aplica a todas las listas de la página*/
padding: 0;
margin: 0;
list-style: none;
}

li { /* aplica a todas los itmes de las listas de la página */
float: left;
position: relative;
width: 10em;
}

li ul { /* Listas de segundo nivel */
display: none;
position: absolute;
top: 1em;
left: 0;
}

li>ul { /* para sobre escribrir el top y el left en navegadores diferentes a IE */
top: auto;
left: auto;
}

li:hover ul, li.over ul { /* listas insertadas bajo los items que provocan el hover */
display: block;
}

#content {
clear: left;
}

</style>


----Este script va dentro del body-------------------

<script type="text/javascript"><!--//--><![CDATA[//><!--
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace(" over", "");
}
}
}
}
}
window.onload=startList;

//--><!]]></script>