Its the weirdest thing I've ever seen. I can't click the last 3 links in the following code (when I use FF or Chrome):

HTML:

<div id="leftmanulist">
        <div class="abouttop">
        <ul class="aboutlist">
            <li class="index"><a>????</a></li>
            <li><a href="instruments.html">????</a></li>
            <li><a href="performance.html">????</a></li>
            <li><a href="clothes.html">????</a></li>
            <li><a href="aboutfalundafa.html">??????</a></li>
            <li><a href="awards.html">????</a></li>
        </ul>
        </div>
        <div class="aboutbutton"></div>
 </div>

CSS:

#leftmanulist{ background:url("images/abouttop.gif") no-repeat;
float: left;
margin: 2px 2px 5px 30px;
padding:39px 0 0 0;
width:237px;}
#leftmanulist ul li{line-height:35px;text-align:left; text-decoration:none;}
#leftmanulist ul li a{ text-decoration:none;}

#leftmanulist ul li:hover{ color:#0068FF;}
#leftmanulist ul li a:hover{ color:#0068FF;}

#leftmanulist ul li.index{ color:#0068FF;}
#leftmanulist ul li.index a{ color:#0068FF;}
.abouttop{background:url("images/leftmanulist_z.gif") repeat-y ;
padding:0 6px;  position:relative; z-index:0;
width:237px;}
.aboutlist{position:relative;left:28px;}
.aboutbutton{background:url("images/leftmanulist_b.gif") no-repeat;
width:237px; height:20px; position:relative; top:-17px; z-index:2;}