<ul><li>
<ul class=”no”><li><li></ul>
<li></ul>
Cuando pases el puntero sobre la lista alguna <li> con el hover haces visible la lista dentro de la <li>
Ul li ul.no{display:none}// esta oculto
Ul li:hover ul.no{display:block}// lo hace visible
Todo lo demás es solo estética, como poner imagen de fondo, los bordes, el padding,margin, float:left para que se vea la lista horizontal
usa javascript