Navigation Help

[streetfire]

I'm using the free Navigation Bar that is in the Resources section: http://www.studiopress.com/graphics/navigation-bars

I have successfully installed the code and everything works good. However, I'm trying to make the #nav div raise up 15 pixels on the page to overlay another graphic I have. The problem is when I do this the drop down menu's do not display correctly. Below is the only code I have added:

#nav {
background: url(images/nav-green.png);
clear:both;
color: #fff;
margin: 0 auto;
overflow: hidden;
text-transform: uppercase;
width: 960px;
position: relative;
top: -15px;
}

How can I resolve this so the drop down's will display?

[NicktheGeek]

Please post a link to your site

[streetfire]

http://www.bountiful-harvest.com/wordpress/

Please use the following to log in:

user: guest
gass: guest

[NicktheGeek]

add z-index:5;

[streetfire]

Adding it to #nav didn't change anything. :\

[NicktheGeek]

I'm getting a syntax error on your site now.

[streetfire]

I was working on it probably. Try again?

[NicktheGeek]

set the overflow to visible and put a height of about 49px in here

#nav {
    background: url(images/nav-green.png);
    clear:both;
    color: #fff;
    margin: 0 auto;
    overflow: hidden;
	text-transform: uppercase;
    width: 960px;
	position: relative;
	top: -15px;
		z-index:5;
			}

[streetfire]

Awesome, that did it. Thanks a lot!

... now to find out why that slideshow img is not sitting in the right place.

[NicktheGeek]

You're welcome.

Since this is resolved I'm going to close this thread.