Sub Menu

<div id="navigation">
        <ul>
            <li>
            <a href="#">Menu Item 1</a>
                <ul>
 <li>sub menu item 1</li>
 <li>sub menu item 2</li>
 <li>sub menu item 3</li>
 <li>sub menu item 4</li>
 </ul>
            </li>

            <li>
            <a href="#">Menu Item 2</a>
                <ul>
 <li>sub menu item 1</li>
 <li>sub menu item 2</li>
 <li>sub menu item 3</li>
 <li>sub menu item 4</li>
 </ul> 
            </li>

            <li>
            <a href="#">Menu Item 3</a>
                <ul>
 <li>sub menu item 1</li>
 <li>sub menu item 2</li>
 <li>sub menu item 3</li>
 <li>sub menu item 4</li>
 </ul>
            </li>

            <li>
            <a href="#">Menu Item 4</a>
                <ul>
 <li>sub menu item 1</li>
 <li>sub menu item 2</li>
 <li>sub menu item 3</li>
 <li>sub menu item 4</li>
 </ul>
            </li>
        </ul>


    </div>

For more details please check out this link...

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


It might be useful for you.