title: Why are the columns not aligned in my fixed header, scrolling table?
body: <p>I have a table with a fixed header and scrolling body. None of the columns are lining up correctly. </p>
  
  <p>Here is what I see in Google Chrome:
  <a href="https://i.stack.imgur.com/CKwm4.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/CKwm4.png" alt="enter image description here"></a></p>
  
  <p>That screen shot is of this minimal HTML document I have prepared:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;style type="text/css"&gt;
  html, body
  {
      margin: 0;
      padding: 0;
      font-family: Tahoma, Geneva, sans-serif;
      background-color: #888888;
  }
  
  .white_box
  {
      border: 1px solid black;
      background-color: white;
  }
  
  .round_corners
  {
      padding: 20px;
      -moz-border-radius: 10px;
      border-radius: 10px;
  }
  
  .shadow 
  {
      -moz-box-shadow: 2px 2px 3px #000;
      -webkit-box-shadow: 2px 2px 3px #000;
      box-shadow: 2px 2px 3px #000;
  }
  
  .aligncenter
  {
      margin-left: auto;
      margin-right: auto;
  }
  
  #editpage
  {
      margin-top: 1em;
      margin-left: 1em;
      margin-right: 1em;
  }
  
  #updatesdisplay
  {
      width: 100%;
      border-collapse: collapse;
  }
  
  #updatesdisplay tbody
  {
      display: block;
      max-height: 500px;
      width: 100%;
      overflow-y: auto;
  }
  
  #updatesdisplay tr, #updatesdisplay thead
  {
      display: block;
      width: 100%;
  }
  
  #updatesdisplay th
  {
      font-weight: bold;
      font-size: 10pt;
      border: 1px solid #AAAAAA;
      padding: 3px;
      background: rgb(238,238,238); /* Old browsers */
      background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(196,196,196,1) 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(196,196,196,1))); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(196,196,196,1) 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(196,196,196,1) 100%); /* Opera11.10+ */
      background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(196,196,196,1) 100%); /* IE10+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#c4c4c4',GradientType=0 ); /* IE6-9 */
      background: linear-gradient(top, rgba(238,238,238,1) 0%,rgba(196,196,196,1) 100%); /* W3C */
  }
  
  #updatesdisplay tbody tr:nth-child(even)
  {
      background-color: #CCCCCC;
  }
  
  #updatesdisplay tbody tr:hover
  {
      background-color: #DDDDDD;
  }
  
  #updatesdisplay tbody tr.selected
  {
      background-color: lightblue;
  }
  
  #updatesdisplay td
  {
      cursor: pointer;
      padding: 5px;
      border: 0;
  }
  
  .update-description
  {
      max-width: 150px;
  }
      &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="editpage" class="white_box shadow aligncenter round_corners"&gt;
          &lt;table id="updatesdisplay" cellpadding="0" cellspacing="0" border="0"&gt;
              &lt;thead&gt;
                  &lt;tr&gt;
                      &lt;th&gt;&lt;input type="checkbox" id="select-all"&gt;&lt;/th&gt; &lt;!-- Checkbox --&gt;
                      &lt;th&gt;Application Name&lt;/th&gt;
                      &lt;th&gt;Version&lt;/th&gt;
                      &lt;th&gt;Description&lt;/th&gt;
                      &lt;th&gt;Date Created&lt;/th&gt;
                      &lt;th&gt;Download URL&lt;/th&gt;
                  &lt;/tr&gt;
              &lt;/thead&gt;
              &lt;tbody&gt;
                  &lt;tr&gt;&lt;td&gt;&lt;input type="checkbox" name="sel1"&gt;&lt;/td&gt;&lt;td class="update-appname"&gt;test&lt;/td&gt;&lt;td class="update-version"&gt;0.5.0&lt;/td&gt;&lt;td class="update-description"&gt;This is a simple test update designed to test the update system.&lt;/td&gt;&lt;td class="update-created"&gt;2011-08-28 18:17:50&lt;/td&gt;&lt;td class="update-download"&gt;&lt;a href="http://localhost:8080/py/download?file=BeautifulSoup-3.1.0.1.tar.gz"&gt;http://sunjay.ca/test/download?file=BeautifulSoup-3.1.0.1.tar.gz&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
                  &lt;tr&gt;&lt;td&gt;&lt;input type="checkbox" name="sel2"&gt;&lt;/td&gt;&lt;td class="update-appname"&gt;test&lt;/td&gt;&lt;td class="update-version"&gt;0.5.1&lt;/td&gt;&lt;td class="update-description"&gt;- Bug fixes&lt;/td&gt;&lt;td class="update-created"&gt;2011-08-28 20:15:04&lt;/td&gt;&lt;td class="update-download"&gt;&lt;a href="http://sunjay.ca/download/test-0.5.1"&gt;http://sunjay.ca/download/test-0.5.1&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
                  &lt;tr&gt;&lt;td&gt;&lt;input type="checkbox" name="sel3"&gt;&lt;/td&gt;&lt;td class="update-appname"&gt;test&lt;/td&gt;&lt;td class="update-version"&gt;1.5.3&lt;/td&gt;&lt;td class="update-description"&gt;- Bug fixes&lt;/td&gt;&lt;td class="update-created"&gt;2011-08-28 21:38:23&lt;/td&gt;&lt;td class="update-download"&gt;&lt;a href="http://www.sunjay.ca/up/test-1.5.3"&gt;http://www.sunjay.ca/up/test-1.5.3&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
                  &lt;tr&gt;&lt;td&gt;&lt;input type="checkbox" name="sel4"&gt;&lt;/td&gt;&lt;td class="update-appname"&gt;test&lt;/td&gt;&lt;td class="update-version"&gt;1.5.4&lt;/td&gt;&lt;td class="update-description"&gt;- Bug fixes&lt;br&gt;- General Speedups&lt;/td&gt;&lt;td class="update-created"&gt;2011-08-28 21:38:23&lt;/td&gt;&lt;td class="update-download"&gt;&lt;a href="http://www.sunjay.ca/up/test-1.5.4"&gt;http://www.sunjay.ca/up/test-1.5.4&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
                  &lt;tr&gt;&lt;td&gt;&lt;input type="checkbox" name="sel5"&gt;&lt;/td&gt;&lt;td class="update-appname"&gt;test&lt;/td&gt;&lt;td class="update-version"&gt;1.5.5&lt;/td&gt;&lt;td class="update-description"&gt;- Bug fixes&lt;/td&gt;&lt;td class="update-created"&gt;2011-08-28 21:38:23&lt;/td&gt;&lt;td class="update-download"&gt;&lt;a href="http://www.sunjay.ca/up/test-1.5.5"&gt;http://www.sunjay.ca/up/test-1.5.5&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
                  &lt;tr&gt;&lt;td&gt;&lt;input type="checkbox" name="sel6"&gt;&lt;/td&gt;&lt;td class="update-appname"&gt;test&lt;/td&gt;&lt;td class="update-version"&gt;1.5.6&lt;/td&gt;&lt;td class="update-description"&gt;- Bug fixes&lt;br&gt;- General Speedups&lt;/td&gt;&lt;td class="update-created"&gt;2011-08-28 21:38:23&lt;/td&gt;&lt;td class="update-download"&gt;&lt;a href="http://www.sunjay.ca/up/test-1.5.6"&gt;http://www.sunjay.ca/up/test-1.5.6&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
                  &lt;tr&gt;&lt;td&gt;&lt;input type="checkbox" name="sel7"&gt;&lt;/td&gt;&lt;td class="update-appname"&gt;test&lt;/td&gt;&lt;td class="update-version"&gt;1.5.7&lt;/td&gt;&lt;td class="update-description"&gt;- Bug fixes&lt;/td&gt;&lt;td class="update-created"&gt;2011-08-28 21:38:23&lt;/td&gt;&lt;td class="update-download"&gt;&lt;a href="http://www.sunjay.ca/up/test-1.5.7"&gt;http://www.sunjay.ca/up/test-1.5.7&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
                  &lt;tr&gt;&lt;td&gt;&lt;input type="checkbox" name="sel8"&gt;&lt;/td&gt;&lt;td class="update-appname"&gt;test&lt;/td&gt;&lt;td class="update-version"&gt;1.5.8&lt;/td&gt;&lt;td class="update-description"&gt;- Bug fixes&lt;br&gt;- General Speedups&lt;/td&gt;&lt;td class="update-created"&gt;2011-08-28 21:38:23&lt;/td&gt;&lt;td class="update-download"&gt;&lt;a href="http://www.sunjay.ca/up/test-1.5.8"&gt;http://www.sunjay.ca/up/test-1.5.8&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
                  &lt;tr&gt;&lt;td&gt;&lt;input type="checkbox" name="sel9"&gt;&lt;/td&gt;&lt;td class="update-appname"&gt;test&lt;/td&gt;&lt;td class="update-version"&gt;1.5.9&lt;/td&gt;&lt;td class="update-description"&gt;- Bug fixes&lt;/td&gt;&lt;td class="update-created"&gt;2011-08-28 21:38:23&lt;/td&gt;&lt;td class="update-download"&gt;&lt;a href="http://www.sunjay.ca/up/test-1.5.9"&gt;http://www.sunjay.ca/up/test-1.5.9&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
                  &lt;tr&gt;&lt;td&gt;&lt;input type="checkbox" name="sel10"&gt;&lt;/td&gt;&lt;td class="update-appname"&gt;test&lt;/td&gt;&lt;td class="update-version"&gt;1.6.0&lt;/td&gt;&lt;td class="update-description"&gt;- Bug fixes&lt;br&gt;- General Speedups&lt;/td&gt;&lt;td class="update-created"&gt;2011-08-28 21:38:23&lt;/td&gt;&lt;td class="update-download"&gt;&lt;a href="http://www.sunjay.ca/up/test-1.6.0"&gt;http://www.sunjay.ca/up/test-1.6.0&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
                  &lt;tr&gt;&lt;td&gt;&lt;input type="checkbox" name="sel11"&gt;&lt;/td&gt;&lt;td class="update-appname"&gt;test&lt;/td&gt;&lt;td class="update-version"&gt;1.6.1&lt;/td&gt;&lt;td class="update-description"&gt;- Bug fixes&lt;/td&gt;&lt;td class="update-created"&gt;2011-08-28 21:38:23&lt;/td&gt;&lt;td class="update-download"&gt;&lt;a href="http://www.sunjay.ca/up/test-1.6.1"&gt;http://www.sunjay.ca/up/test-1.6.1&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
                  &lt;tr&gt;&lt;td&gt;&lt;input type="checkbox" name="sel12"&gt;&lt;/td&gt;&lt;td class="update-appname"&gt;test&lt;/td&gt;&lt;td class="update-version"&gt;1.6.2&lt;/td&gt;&lt;td class="update-description"&gt;- Bug fixes&lt;br&gt;- General Speedups&lt;/td&gt;&lt;td class="update-created"&gt;2011-08-28 21:38:23&lt;/td&gt;&lt;td class="update-download"&gt;&lt;a href="http://www.sunjay.ca/up/test-1.6.2"&gt;http://www.sunjay.ca/up/test-1.6.2&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
                  &lt;tr&gt;&lt;td&gt;&lt;input type="checkbox" name="sel13"&gt;&lt;/td&gt;&lt;td class="update-appname"&gt;test&lt;/td&gt;&lt;td class="update-version"&gt;1.6.3&lt;/td&gt;&lt;td class="update-description"&gt;- Bug fixes&lt;/td&gt;&lt;td class="update-created"&gt;2011-08-28 21:38:23&lt;/td&gt;&lt;td class="update-download"&gt;&lt;a href="http://www.sunjay.ca/up/test-1.6.3"&gt;http://www.sunjay.ca/up/test-1.6.3&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
                  &lt;tr&gt;&lt;td&gt;&lt;input type="checkbox" name="sel14"&gt;&lt;/td&gt;&lt;td class="update-appname"&gt;test&lt;/td&gt;&lt;td class="update-version"&gt;1.6.4&lt;/td&gt;&lt;td class="update-description"&gt;- Bug fixes&lt;br&gt;- General Speedups&lt;/td&gt;&lt;td class="update-created"&gt;2011-08-28 21:38:23&lt;/td&gt;&lt;td class="update-download"&gt;&lt;a href="http://www.sunjay.ca/up/test-1.6.4"&gt;http://www.sunjay.ca/up/test-1.6.4&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
                  &lt;tr&gt;&lt;td&gt;&lt;input type="checkbox" name="sel15"&gt;&lt;/td&gt;&lt;td class="update-appname"&gt;test&lt;/td&gt;&lt;td class="update-version"&gt;1.6.5&lt;/td&gt;&lt;td class="update-description"&gt;- Bug fixes&lt;/td&gt;&lt;td class="update-created"&gt;2011-08-28 21:38:23&lt;/td&gt;&lt;td class="update-download"&gt;&lt;a href="http://www.sunjay.ca/up/test-1.6.5"&gt;http://www.sunjay.ca/up/test-1.6.5&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
              &lt;/tbody&gt;
          &lt;/table&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Please help me figure out what is wrong. Thanks!</p>