title: I can't click the links in Firefox and Chrome (they work in IE7)
body: <p>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):</p>
  
  <p>HTML: </p>
  
  <pre><code>&lt;div id="leftmanulist"&gt;
          &lt;div class="abouttop"&gt;
          &lt;ul class="aboutlist"&gt;
              &lt;li class="index"&gt;&lt;a&gt;成立宗旨&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="instruments.html"&gt;樂器編制&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="performance.html"&gt;演奏曲目&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="clothes.html"&gt;服裝介紹&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="aboutfalundafa.html"&gt;關於法輪大法&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="awards.html"&gt;各界褒獎&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
          &lt;/div&gt;
          &lt;div class="aboutbutton"&gt;&lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#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;}
  </code></pre>