Navigation Help

[thisagain]

I need help with some CSS drop down code. I am working on a horizontal drop down menu which works fine. The code creates a horizontal list that produces a drop down horizontal menu just below.

 

What I don't know how to do is to make a third horizontal drop down just below it (there must be a way). I would like the first two rows to be a static list (they don't disappear when there is no hover). The third row would function like a regular horizontal drop down.

 

---

 

This is my css:

 

div#nava {

float:left;

font-size:11pt;

font-weight:bold;

margin:0px 0px 20px 0px;

padding:0px 150px 0px 150px;

width:100%;

}

#nav {

list-style:none;

margin:0px 0px 0px 0px;

padding:0px 0px 0px 0px;

white-space:nowrap;

}

#nav ul {

list-style:none;

height:40px;

margin:-10px 0px 0px -115px;

padding:13px 0px 0px 0px;

white-space:nowrap;

}

#nav a {

color:#45591c;

display:block;

margin:0px 21px 0px 21px;

text-decoration:none;

width:auto;

}

#nav li {

float:left;

width:auto;

}

#nav li ul {

color:#45591c;

display:inline;

font-size:9.5pt;

font-weight:normal;

left:-999em;

position:absolute;

width:100%;

}

#nav li ul a {

margin:0px 5px 0px 15px;

}

#nav li:hover ul, #nav li.sfhover ul {

left:auto;

}

#nav a:hover, #nav a.sfhover {

color:#000000;

}

 

 

This is the html:

 

<div id="nava">

<ul id="nav">

  <li><a href="firstrow_first.php">1ST ROW 1ST</a></li>

  <ul>

    <li><a href="secondrow_first.php">2ND ROW 1ST</a></li>

    <li><a href="secondrow_second.php">2ND ROW 2ND</a></li>

    <li><a href="secondrow_third.php">2ND Row 3RD</a></li>

  </ul>

  </li>

  <li><a href="firstrow_second.php">1ST ROW 2ND</a></li>

  <li><a href="firstrow_third.php">1ST ROW 3RD</a>

</ul>

</div>

 

---

 

 

What is the best way to do what I would like to do?

 

Any help is appreciated.

[dbrimlow]

Check out all the menu experiments at Stu Nicholls' "cssplay".

 

These are all amazing and there is bound to be one similar to what you are looking for that from which you can get the technique idea.