title: Use css to span width of screen
body: <p><em>style.css</em></p>
  
  <pre><code>.headerBar table,tr,td{
      background-color: #f1f1f1;
      width: 100%;
      height: 44px;
      border: 0px;
      padding:0px;
      margin:0px; 
  }
  </code></pre>
  
  <p><em>video.html</em></p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
          &lt;link rel="stylesheet" type="text/css" href="style.css"&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div class="headerBar"&gt;
                  &lt;table&gt;
                  &lt;tr&gt;
                      &lt;td&gt;
                       FILL
                      &lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/table&gt;
          &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>Question 1:</strong>
  <strike>I would like the table to span the width of the page, it won't</strike>. <strong>solved</strong></p>
  
  <p><strong>Question 2:</strong>
  <strike>I would like the table to sit at the very top of the page, so there are no borders or white space above, to the left, or to the right of the table.</strike> <strong>solved</strong></p>
  
  <p><strong>Question 3:</strong>
  Is there a better way of doing this? Possibly using something new to HTML5?</p>
  
  <p>Thanks!</p>