Here is the menu result
The trick for dropdown is done by using relative and absolute positioning. As you might know already, absolute position element is positioned relative to the parent that has position other than static. So, if we have relative position as the parent, absolute position element will get the position relative to the parent.
To hide and show the absolute child element, we use the :hover state. This worked fine on all major browser, except for the old IE 6, since the IE 6 can’t have :hover state work on all other element than a (anchor tag).
Now that CSS 3 has come, why bother with old browser anymore? 🙂