title: styling table to make a form in asp.net
body: <p>I am trying to mimic a page form from: 
  <a href="https://lo5.medseek.com/lfserver/UH_Pre-Registration_Form" rel="nofollow">https://lo5.medseek.com/lfserver/UH_Pre-Registration_Form</a></p>
  
  <p>But I dont know how to make the tables style match up, the div is not expanding to the table header my markup is as follow and css . </p>
  
  <pre><code>&lt;div id="mainDiv"&gt;
  
              &lt;table style="width:100%;"&gt;
              &lt;tr&gt;
              &lt;th&gt;
              &lt;div id="headerform" class="headerform"&gt;
                      PAtient information&lt;p&gt;Please enter your full legal name&lt;/div&gt;
  
  .headerform
  {
      background-color: #009797;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 18px;
      font-weight: bold;
      text-transform: uppercase;
      color: #FFFFFF;
  }
  
  .headerform p
  {
      background-color: #009797;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 11px;
      color: #FFFFFF;
      text-transform: none;
  }
  
  
  #confirmationNumber
  { float:right;
    width:305px;
    position:relative;
      top: -101px;
      left: -7px;
      height: 43px;
  }
  
  table
  {
  }
   th,td {
          font-family: Verdana, Arial, Helvetica, sans-serif;
          font-size: 18px;
          color: #000000;
      }
      tr {
          border: 1px solid gray;
      }
      td {
          width:200px;
          padding:3px;
      }
      th {
          background-color:#D2E0E8;
          color:#003366
      }
      table {
          border: 1pt solid gray;
      }
  
  
              &lt;/th&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;
                      Last Name&lt;br /&gt;
                  &lt;/td&gt;
                  &lt;td&gt;
                      First Name&lt;/td&gt;
                  &lt;td&gt;
                      Middle Name&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;
                      &amp;nbsp;&lt;/td&gt;
                  &lt;td&gt;
                      &amp;nbsp;&lt;/td&gt;
                  &lt;td&gt;
                      &amp;nbsp;&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;
                      &amp;nbsp;&lt;/td&gt;
                  &lt;td&gt;
                      &amp;nbsp;&lt;/td&gt;
                  &lt;td&gt;
                      &amp;nbsp;&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/table&gt;
  
  
  
      &lt;!-- End of Main Div--&gt;
      &lt;/div&gt;
  </code></pre>