I can't click the links in Firefox and Chrome (they work in IE7)
- by janoChen
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;}