Popup div on mouse-over

[Yatagrasu]

Hello,

I've been searching all morning for a simple javascript that will display a div (or something) when a user mouses-over an <li> element in my navigation bar's unordered list to display a sub menu, if you want to call it that.

My navigation bar is horizontal and uses this syntax:

      <div id="menu">
<ul>
<li><a id="selected"  href="bla bla bla.com">home</a>
<li><a href="blAA">another page</a>
      </div>

And is controlled using this CSS:

#menu li a:hover, #menu li a#selected, #menu li a#selected:hover
{ background: #FFFFFF url(menu_hover.png);
  color: #484E56;
} 

 #menu, #menu li a
{ background: #FFFFFF url(menu.png);
  color: #D1D3D7;
  border-color: #D7D7D7;
}

I can't seem to find a script that works. Can anyone please help?
Thank you.

 

[FalseHope]

This belongs in the scripts board.

 

[Yatagrasu]

Sorry. I would appreciate it if someone moved it and gave me an answer......

 

[TechAsh]

I have such a script. It may take me a couple of minutes to find the site I got it from.

I'll edit once I've found it.

Edit: Found It
http://www.dynamicdrive.com/dynamicindex16/showhint.htm
It's quite easy to customise and has worked in every browser I've tested it in.