CSS vertical menu

http://www.devinrolsen.com/pure-css-vertical-menu/

HTML

<div style="width:150px;">
<div id="navigation">
    <ul>
        <li><a href="#">Home</a>
            <ul>
                <li><a href="#">Sub Menu Item 1</a></li>
                <li><a href="#">Sub Menu Item 2</a>
                    <ul>
                        <li><a href="#">Sub Sub Menu Item 1</a></li>
                        <li><a href="#">Sub Sub Menu Item 2</a></li>
                        <li><a href="#">Sub Sub Menu Item 3</a></li>
                        <li><a href="#">Sub Sub Menu Item 4</a></li>

                    </ul>                    
                </li>
                <li><a href="#">Sub Menu Item 3</a></li>
                <li><a href="#">Sub Menu Item 3</a></li>
            </ul>
        </li>
        <li><a href="#">About</a></li>
        <li><a href="#">Contact</a></li>
        <li><a href="#">FAQ</a>
            <ul>
                <li><a href="#">Sub Menu Item 1</a></li>
                <li><a href="#">Sub Menu Item 3</a>
                    <ul>
                        <li><a href="#">Sub Sub Menu Item 1</a></li>
                        <li><a href="#">Sub Sub Menu Item 2</a></li>
                        <li><a href="#">Sub Sub Menu Item 3</a></li>
                        <li><a href="#">Sub Sub Menu Item 4</a></li>
                    </ul>                    
                </li>
            </ul>
        </li>
        <li><a href="#">News</a>
            <ul>
                <li><a href="#">Sub Menu Item 1</a>
                    <ul>
                        <li><a href="#">Sub Sub Menu Item 1</a></li>
                        <li><a href="#">Sub Sub Menu Item 2</a></li>
                        <li><a href="#">Sub Sub Menu Item 3</a></li>
                        <li><a href="#">Sub Sub Menu Item 4</a></li>
                    </ul>
                </li>
                <li><a href="#">Sub Menu Item 2</a></li>
                <li><a href="#">Sub Menu Item 3</a></li>
            </ul>            
        </li>
   ...

CSS

#navigation
{
    width: 150px;
    font-size: 12px;
}

/*Main Menu*/
#navigation ul
{
    margin: 0px;
    padding: 0px;
    background-color: #666;
}

#navigation ul li
{
    height: 25px;
    line-height: 25px;
    list-style: none;    
    border-top: #fff solid;
    border-bottom: #fff solid;
    border-width: 1px;
    cursor: pointer;
}

#navigation ul li a
{
    color: #FFF;
}
/*Link's Styles*/

#navigation ul li:hover
{
    background-color: #F90;
    position: relative;
}

/*Sub Menu*/
#navigation ul ul
{
    display: none;
    position: absolute;
    left: 150px;
    top: 0px;
    border: #fff solid;
    border-width: 1px;
    background-color: #999;
}

#navigation ul li:hover ul
{
    display: block;
}

#navigation ul ul li
{
    width: 150px;
    float: left;
    display: inline;
    border: none;
}
#navigation ul ul li:hover
{
    text-decoration: underline;
    border: none;
}

#navigation li:hover ul li ul
{
    display: none;
}

#navigation ul ul li ul
{
    left: 150px;
    background-color: #0099CC;
}
#navigation ul ul li:hover ul
{
    display: block;
}