Ok, here’s the scoop. I have layered divs to create the design. Everything looks perfect and works great, except the links in the footer. I know the problem is related to the z-index, but setting it to 10 for the links still doesn’t work. I am hoping there is some expert here than can shed light on this problem.
css:
#footer {background-image:url(images/footerbg.png); background-repeat:no-repeat; height: 87px; width: 780px; position:relative; bottom: 0; margin-top:10px; z-index:5; }
.nav2 {z-index:10; top: 40px; position:relative; left: 7px;}
.nav2 is the main div for the footers menu. If the z-index property is removed from the #footer, the links work in FF, but then the background image is not correct. Help!