simple drop-down menu

HTML

<ul>
    <li>
        <a href="#">Lorem</a>
        <ul>
            <li><a href="#">Ipsum</a></li>
            <li><a href="#">Dolor Set</a></li>
            <li><a href="#">Dolor Set Lorem Ipsum</a></li>
        </ul>
    </li>
    <li>
        <a href="#">Whoa</a>
    </li>
</ul>

CSS

li {
    float:left;
    position:relative;
}
li li {
    float:none;
    border:1px solid green;
}
    li li a {
        white-space:nowrap;
    }
li ul {
    position:absolute;
    top:1.1em;
    left:0;
    display:none;
    border:1px solid red;
}
li:hover ul {
    display:block;
}