title: Firefox not rendering list item as a link
body: <p>I've never come across this problem before and its quite annoying me. I have a list which when hovered over, a box appears around it. 
  I have a list set out like the following</p>
  
  <pre><code>&lt;div id="sidebar"&gt;
      &lt;h2&gt;Our Services&lt;/h2&gt;
  
      &lt;ul&gt;
          &lt;a href="furniture.php"&gt;&lt;li&gt;Furniture&lt;/li&gt;&lt;/a&gt;
          &lt;a href="kitchens.php"&gt;&lt;li&gt;Kitchens&lt;/li&gt;&lt;/a&gt;
          &lt;a href="bedrooms.php"&gt;&lt;li&gt;Bedrooms&lt;/li&gt;&lt;/a&gt;
          &lt;a href="flooring.php"&gt;&lt;li&gt;Flooring&lt;/li&gt;&lt;/a&gt;
          &lt;a href="externaljoinery.php"&gt;&lt;li&gt;External Joinery&lt;/li&gt;&lt;/a&gt;
          &lt;a href="commercialwork.php"&gt;&lt;li&gt;Commercial Work&lt;/li&gt;&lt;/a&gt;
          &lt;a href="staircases.php"&gt;&lt;li&gt;Staircases&lt;/li&gt;&lt;/a&gt;
          &lt;a href="tiling.php"&gt;&lt;li&gt;Tiling&lt;/li&gt;&lt;/a&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>But for some reason firefox doesnt render the whole list item as a link, only the text.
  It works across other browsers (even IE) but not firefox. </p>