@WebJoelAug 23.2006 — #What first comes to mind is the two cardinal rules of z-indexes, -that is, only IE understands indexes 'less than zero'. Second, z-indexes only work when applies to a reltively-positioned element. On Absolute-positioned they won't work.
Now, -to look at your code...
(back)
Okay: somewhere in here: ul li a:hover { color: #7DA721; background: #000; text-decoration:underline; z-index:100;} /* Hover Styles */
li ul li a { padding: 2px 5px; z-index:100;} /* Sub Menu Styles */
li:hover ul, li.over ul { display: block; z-index:100;} /* The magic */[/QUOTE]
if we can find a comfortable place in insert a "position:relative;", you'll seize control again over these items, and then z-index will work. Even if the item by inheritance is 'absolute', a 'relatively-positioned' item inside a 'absolute; will suffice. Experiment. ?
@WebJoelAug 23.2006 — #Kewl. ? Not sure if that means my advice was wrong or inaccurate, but it sort~of confirmed what I was thinking regarding nested UL's.
I don't do much with drop-down lists, -too complicated to build and maintain, esp. after a client goes in and tries to amend something and then comes back asking for help after they've skewered my work.... (but I usually keep an archived last-build for just such an emergency, -just in case...)