The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › Troubles with z-index. Subnav won’t hide under header.
Here is a reference page: http://austindw.com/onesource/index.html
What I want to be able to do is have the drop-down navigation tucked under the header. The reason is because I’m going to animate it and have it slide down using jquery.
The problem is that no matter what I try, the subnav comes out on top of the header. The header even has a higher z-index than the subnav, but still the subnav appears on top. Any ideas anyone?
Note: You can see what I mean by reducing the "top" position for the drop down menu with Firebug or Webkit’s inspector. If it’s less than what it is, it comes out on top. I want it on the bottom.
Thanks in advance!