using CSS for an expanding menu, better than javascript?

Having read some of the posts in this forum, plus some other websites. With the over-lay capability of divisions could they be used for an expanding menu to show more links?
how about positioning, would it be relative to the menu it just came from?
would each menu be there but turned off by using: visability:hidden; ?

would this menu be possible?

Normal View:-

• home
• area 1
• area 2
• area 3
• area 51

When Hover over area 51:-

• home
• area
• area2
• area 3
• area 51
  • vessel
  • technology
  • morgue
  • artifacts

Eric Meyer has discussed that very thing.

cheers,

gary

i had a go at creating a show hide thing myself...
http://www.hellrazer.net/testing/hideablemenu.htm
it works, uses javascript though to change the css style,
but with IE i get a syntax error on Line 1 Char 6, which i'm
sure which part it was on about.

Im going to have a go at using the hover to get a nice effect (what i was originally looking for)
woo, instead of posting another post, ive just put it in this one.
using that Eric Meyers little trick with: il ul {display:none;} and il:hover > ul {display:block;}
it looks great in firefox, although a little more tweaking will be needed to get a good look in IE
check it out here: http://www.hellrazer.net/testing/multimenu.htm