title: background-color does not fill entire cell in menu
body: <p>The background color in my navigation bar isn't filling the entire cell. Their is a line at the bottom of the menu that remains the color of the background of the page itself. How do i fill entire cell with background color correctly? </p>
  
  <p>Here is a <a href="http://jsfiddle.net/XAh2d/1466/" rel="nofollow">JSFiddle</a> i made to test it out. I'm new to JSFiddle so im not sure how long the link stays active. </p>
  
  <p>CSS</p>
  
  <pre><code>.hovermenu ul {
   font: bold 20px Tahoma;
   padding-left: 0;
   padding: 0;
   margin-left: 0;
   height: 20px;
   display:inline-block;
   background-color:red;
  }
  
  .hovermenu ul li {
    display: block;
    position: relative;
    float: left;
    margin: 0;         
  }
  .hovermenu li ul { display: none; }
  .hovermenu ul li a {
    display: block;
    text-decoration: none;
    color: black;
    border: 2px solid #000000;
    padding: 2px 0.5em;
  }
  .hovermenu ul li a:hover 
  {
  background-color:#fdff30;
  border-style: outset; 
   }
  .hovermenu li:hover ul {
    display: block;
    position: absolute;
  }
  .hovermenu li:hover li {
    float: none;
    font-size: 20px;
  }
  .hovermenu li:hover a { background: #EEEEEE; }
  .hovermenu li:hover li a:hover { background: #fdff30; }
  html&gt;body .hovermenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
  border-style: inset;
  }
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="hovermenu"&gt;
          &lt;ul&gt;
          &lt;li&gt;&lt;a href="/index.html"&gt;Home&lt;/a&gt;&lt;/li&gt; 
          &lt;li&gt;&lt;a href="#"&gt;About Us&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="/inventory.html"&gt;Inventory&lt;/a&gt;
              &lt;ul&gt;
              &lt;li&gt;&lt;a href="/Trucks/main.html"&gt;Trucks&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="location.html"&gt;Equipment&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="location.html"&gt;Trailers&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/li&gt;
          &lt;li&gt;&lt;a href="location.html"&gt;Location&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="contact.html"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>