Horizontal Menu with Vertical Submenu (HTML/CSS Only)

Question

I\'m having a difficult time trying to make my submenu vertical instead of horizontal. Any help would be much appreciated.

HTML:

Answer 1

ul#menu ul
{
    display:none;
    position:absolute;
    left:0;
    top:20px;
}
ul#menu li
{
    display:block;   
}

Most important changes. JSFIDDLE> http://jsfiddle.net/LSbvJ/ (You will have to tweak paddings, margins, text-align... but this is good start, I hope.)