title: Why isn't the footer going all the way from left to right?
body: <p>The background of my css class footer does not go across the entire width of the browser depending on how wide I keep the browser.  It is making the page look odd because the footer is ending before the main content ends.  The site is up at avidest.com so you can see what I'm referring to.  Here is the css:</p>
  
  <pre><code>.Footer { width: 100%; padding:10px 0; margin:0px 0 0 0; text-align:center; border-top:1px solid #b3b3b3; background:#d9d9d9; background-repeat: top-repeat-x;}
  </code></pre>
  
  <p>The css was originally:</p>
  
  <pre><code>.Footer { width: 100%; padding:10px 0; margin:0px 0 0 0; text-align:center; border-top:1px solid #b3b3b3; background:#d9d9d9;}
  </code></pre>
  
  <p>but that didn't work either.
  How do I make the footer go all the way from the left to the right side of the browser?</p>
  
  <p>Thank you.</p>