Hover links?!?!?!?!?!, This is making me so frustrated -.- Options

[emberfly]

I want links like the ones CB has. I have absolutely no idea what they're called. I think there used to be a script on here at some point in time, by I couldn't find it today...

The links I'm talking about are the ones that say
"Layouts, Graphics, Scripts, Tutorials, Affiliates, Tracker, Members, Forums"

When you hover them, there is a drop down of even more links...

How do I do that? I did search Google, and I found some similar to that, but they only worked in Firefox


Help would be appreciated

[fixtatik]

You mean like a purely CSS drop-down menu? This could work:

CODE

.navigation, .navigation * { margin:0; padding:0; list-style:none; }
.navigation { line-height:1em; }
.navigation ul { position:absolute; top:-999em; width:10em; }
.navigation li { float:left; position:relative; }
.navigation li:hover { visibility:inherit; }
.navigation li:hover ul { left:0; top:1em; z-index:99; }
.navigation li li { width:100%; }
.navigation a { display:block; position:relative; }

And the HTML:

CODE

<ul class="navigation">
  <li><a href="#">Link 1</a>
    <ul>
      <li><a href="#">Sub Link 1</a></li>
      <li><a href="#">Sub Link 2</a></li>
      <li><a href="#">Sub Link 3</a></li>
    </ul>
  </li>
  <li><a href="#">Link 2</a>
    <ul>
      <li><a href="#">Sub Link 1</a></li>
      <li><a href="#">Sub Link 2</a></li>
      <li><a href="#">Sub Link 3</a></li>
    </ul>
  </li>
</ul>