Possible z-index issues

[thatothertechguy]

Hello everyone. I am making a site with an image that covers the left and right sides of the page, and leaves a part for the middle section, where the content will go. All is going fine and dandy except fir the one issue that is the a tag links are not able to be clicked or have a background when hovered over. Please help. Thanks in advance.

[thatothertechguy]

I tried the comment from above and it did not really work for me.

Here is the markup for the index page:

Blog


Videos


Info


Contact

And here is the css:

* {

margin: 0;

padding: 0;

}

html {

overflow-y: scroll;

background: white url(images/bg.png);

}

body {

color: #ccc;

font: 16px/1.6 "Garamond Regular", Serif;

}

#coverage {

left: 0;

top: 0;

position: fixed;

z-index: 4000;

width: 100%;

height: 100%;

background: url(images/sides.png) center center repeat-y;

}

a {

color: #ccc;

text-decoration: none;

cursor: pointer;

}

a:active {

outline: 0;

}

img {

vertical-align: middle;

}

* html .container aside {

height: 1%;

}

.container {

display: block;

height: 1000px;

}

nav #nav li {

list-style: none;

display: inline-block;

width: 218px;

text-align: center;

margin-right: -4px;

padding-top: 25px;

padding-bottom: 25px;

border-right: 1px solid #ccc;

color: #666;

background-color: black;

background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e3e3e3));

background-image: -webkit-linear-gradient(top, #fff, #e3e3e3);

background-image: -moz-linear-gradient(top, #fff, #e3e3e3);

background-image: -ms-linear-gradient(top, #fff, #e3e3e3);

background-image: -o-linear-gradient(top, #fff, #e3e3e3);

-moz-transition: background 0.3s ease-in-out;

-webkit-transition: background 0.3s ease-in-out;

}

nav #nav li a {

color: #666;

top: 10px;

text-transform: uppercase;

}

.nav_borderbottom {

background: url(images/nav_borderbottom.png);

height: 5px;

width: 872px;

}

.headerimg_borderbottom {

background: url(images/nav_borderbottom.png);

height: 5px;

width: 872px;

}

::selection {

background: black;

color: white;

}

::-moz-selection {

background: black;

color: white;

}

body, html, #page-wrap {

height: 100%;

}

#page-wrap {

width: 872px;

margin: 0 auto;

position: relative;

z-index: 5000;

}

[Author]

Posts