title: Stretching <a> tag to fill entire <li>
body: <p>Here's a simple menu structure:</p>
  
  <pre><code>&lt;ul id="menu"&gt;
    &lt;li&gt;&lt;a href="javascript:;"&gt;Home&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="javascript:;"&gt;Test&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I want the <code>&lt;a&gt;</code> to be stretched so that it fills the entire <code>&lt;li&gt;</code>. I tried using something like <code>width: 100%; height: 100%</code> but that had no effect. How do I stretch the anchor tag correctly?</p>