[css-d] Horizontal drop-down menu placement: FIXED!

[Steve Caramia]

As I went to bed the solution came to me.

CSS:
#nav li.off ul#port, #nav li.on ul#port {
        position: absolute;
        left: -60px;
        height: 30px;
}

#nav li.off ul#about, #nav li.on ul#about {
        position: absolute;
        left: 70px;
        height: 30px;
}

xhtml:

            <li class="off"><a href="#">PORTFOLIO</a>
                  <ul id="port">
                      <li><a href="#">IDENTITY</a></li>
                      <li class="btwn_below">|</li>
                      <li><a href="#">PUBLICATIONS</a></li>
                      <li class="btwn_below">|</li>
                      <li><a href="#">EVENTS </a></li>
                      <li class="btwn_below">|</li>
                      <li><a href="#">WEB </a></li>
                      <li class="btwn_below">|</li>
                      <li><a href="#">DISPLAY </a></li>
                  </ul>
        </li>
          <li class="off"><a href="#">ABOUT</a>
                    <ul id="about">
                        <li><a href="#">APPROACH</a></li>
                      <li class="btwn_below">|</li>
                        <li><a href="#">BIO</a></li>
                      <li class="btwn_below">|</li>
                        <li><a href="#">CLIENTS</a></li>
                    </ul>
          </li>



http://www.caramiadesign.com/md/

YAY!


And I thought this link was in my original post. This is the ALA  
article I was taking about.

http://www.alistapart.com/articles/hybrid





¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?

Caramia Design • 510.525.4525 • caramiadesign.com

¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?¡!¿?

______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/