title: Fill table cell with color
body: <p>I'm building in HTML three asymmetric tables like this:</p>
  
  <pre><code>     &lt;table id="d1"&gt;
         &lt;tr&gt;
           &lt;th colspan="2"&gt;ATIS-GESTEL&lt;/th&gt;
         &lt;/tr&gt;
         &lt;tr&gt;
           &lt;td class="label"&gt;Petición:&lt;/td&gt;
           &lt;td class="value"&gt;171601792&lt;/td&gt;
         &lt;/tr&gt;
       &lt;/table&gt;
  
       &lt;table id="d2"&gt;
         &lt;tr&gt;
           &lt;th colspan="2"&gt;FACILITADOR-SAC&lt;/th&gt;
         &lt;/tr&gt;
         &lt;tr&gt;
           &lt;td class="label"&gt;OT:&lt;/td&gt;
           &lt;td class="value"&gt;171601792&lt;/td&gt;
         &lt;/tr&gt;
       &lt;/table&gt;
  
      &lt;table id="d3"&gt;
         &lt;tr&gt;
           &lt;th colspan="2"&gt;SAC&lt;/th&gt;
         &lt;/tr&gt;
         &lt;tr&gt;
           &lt;td class="label"&gt;Ticket:&lt;/td&gt;
           &lt;td class="value"&gt;&lt;/td&gt;
         &lt;/tr&gt;
       &lt;/table&gt;
  </code></pre>
  
  <p>I have to style some of the properties with CSS, including giving <code>&lt;td&gt;</code>'s with the class "value" a yellow background color. Well, the background color does change, but there's a little space there, like a border. It doesn't fill completely. Just in case, here's the CSS: </p>
  
  <pre><code>body {
      font-family:Georgia, "Times New Roman", Times, serif;
      font-size:12px;
      color:#666666;
      text-align:left; 
  }
  
  td {
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
  }
  #container {
     width: 800px;
     height: 600px;
     border:1px solid #333333;
  }
  
  #header {
     padding-left: 7px;
  }
  
  #d1 {
     float: left;
     margin-left: 15px;
     margin-right: 15px;
     border: 1px solid #333333;
  
  }
  
  #d1 tr td.value{
    width: 100px;
    height: 15px;
    background-color: #FFFF66;
  }
  
  #d2 {
     float: left;
     margin-left: 15px;
     margin-right: 15px;
     border: 1px solid #333333;
     width: 150px;
     height: 40px;
  }
  
  #d2 tr td.value{
    width: 100px;
  </code></pre>
  
  <p>Can someone tell me why it's that border appearing, and how to completely fill the cell?</p>