隐藏在图像后面的文字

Question

我的问题是我的徽标图片位于我的导航链接之上。我尝试过不同的z-index设置。

如果我将.logo z-index:设置为-1，它会在标题图片后面，而导航链接会保留在标题图像上方。如果我将.logo z-index设置为1并将nav0设置为2或（500就此而言），我仍然会遇到导航链接顶部的徽标图像问题。

.headerFrame {
  height : 153px;
  background-color:#ffffff;
  background-image:url(headerBack.png);
  background-repeat:repeat-x;
}
.logo {
  padding : 5px;.headerFrame {
  height: 153px;
  background-color:#ffffff;
  background-image:url(headerBack.png);
  background-repeat:repeat-x;
}
.logo {
  padding: 5px;
  width: 805px;
  height: 90px;
  position: absolute;
  margin: 20 20 20 20;
  z-index: 1;
}
.logo a img{
  border: none;
  margin-left: auto;
  margin-right: auto; 
  text-align: center;
}
.accountNav {
  float: right;
  text-align: right;
  width: 380px;
  padding-top:6px;
  z-index: 2;
}
.menu0 {
  list-style: none;
  color: #808080;
  font-size: 14px;
}
.menu0 ul {
  margin: 0px;
  padding: 0px;
}
.menu0 li {
  float: left;
  z-index: 2;
}
.menu0 li a, .menu0 li a:visited {
  text-decoration: none;
  color: #0a0a0a;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 14px;
  padding: 0 5px 0 8px;
}
.menu0 li a:hover {
  text-decoration: none;
  color: #f5f5f5;
  font-size: 14px;
  z-index: 2;
}