The real trick to css pulldown menus is the :hover pseudo selector. You knew that. However, the insight comes in learning that the :hover pseudo can be used anywhere in the middle of your CSS selector. This allows you to build up the a selector representing a mouse action that selects a child element of what the mouse it on.
Here is some html:
(span id="menu") (h3)a category(/h3) (ul) (li)item 1(/li) (/ul) (/span)
Now here is how you hover over the over H3 to get the sub menu to raise:
#menu {
width: 2in;
height: 2em;
position: relative;
}
#menu ul {
display: none;
position: absolute;
}
#menu h3:hover ul {
display: block;
}
#menu ul:hover {
display: block;
}
That h3:hover ul trick is gold!
