title: IE 7: border doesn't work as intended
body: <p>I've defined a html table and I need css works both in IE 9 and IE 7 (with or without hacks). My css is described below:   </p>
  
  <pre><code>.grid
  {
  border: 1px solid #C3C3C3;
  background-color: #D5E0FF;
  color: #555555;
  font-size: 11px;
  border-collapse: collapse;
  clear: both;
  float: left;
  margin-top: -5px;
  }
  
  .grid td
  {
  border: 1px solid #C3C3C3;
  *padding: 6px 5px 6px;
  
  }
  
  .grid_center_align
  {
  text-align: center;
  }
  
  .grid_data_lotes
  {
  width: 120px;
  text-align: center;
  }
  
  .grid_header
  {
  background-color: #02325E;
  color: #FFFFFF;
  text-decoration: none;
  }
  
  .grid_header a
  {
  color: #FFFFFF;
  text-decoration: none;
  }
  
  .grid_header a:hover
  {
  color: #FFFFFF;
  text-decoration: underline;
  }
  
  .grid_header th
  {
  border: 1px solid #111111;
  }
  </code></pre>
  
  <p>The class ".grid_header th" doesn't work well in IE 7, only the border-left on THEAD appears with the defined color. Does anybody know a solution?</p>
  
  <p>Thanks in advance.</p>
  
  <p><strong>Update:</strong></p>
  
  <p>The header code:</p>
  
  <pre><code> &lt;thead&gt;
       &lt;tr class="grid_header"&gt;
           &lt;th scope="col"&gt;
               &lt;a&gt;Name&lt;/a&gt;
          &lt;/th&gt;
          &lt;th scope="col"&gt;
               &lt;a&gt;Status&lt;/a&gt;
          &lt;/th&gt;
          &lt;th scope="col"&gt;
          &lt;/th&gt;
          &lt;th scope="col"&gt;
          &lt;/th&gt;
       &lt;/tr&gt;
   &lt;/thead&gt;
  </code></pre>