title: How do I center content and extend the background color to 100% of the page?
body: <p>This layout is practically everywhere on the web but no one seems to have provide any information on how it works. I need for the content to be centered and <strong>the background needs to extend the full width of the page</strong> Example <a href="http://www.fuerstlaw.com/" rel="nofollow">http://www.fuerstlaw.com/</a> (the blue bg color extends the full width). How is this done using CSS?  I feel like it's something very simple but just can't figure it out.</p>
  
  <p>Here is my code as I am just trying to at least get the header working at this link to a test page of the site <a href="http://gsringolaw.com/home" rel="nofollow">http://gsringolaw.com/home</a></p>
  
  <pre><code>body {
      margin: 0;
      padding: 0;
  }
  #wrapper {
      width: 960px;
      margin: 0 auto;
  }
  
  #masthead {
      min-width: 100%;
      margin: 0px;
      padding: 0px;
      background-position: 0px 0px;
      background-color: #00304F;
      position: relative;
      z-index: 0;
  }
  #headertext {
      position: relative;
      width: 250px;
      height: 82px;
      font-family: Georgia, "Times New Roman", Times, serif;
      color: #FFFFFF;
      font-size: large;
      top: -41px;
      left: 704px;
  }
  #glow {
      height: 170px;
      background-image: url('images/glow.png');
      position: relative;
      background-repeat: no-repeat;
      background-position: center;
      top: -192px;
      left: -13px;
      width: 973px;
  }
  
  
  #logo {
      position: relative;
      background-image: url('images/gayleringo.png');
      background-repeat: no-repeat;
      width: 528px;
      height: 113px;
      top: 28px;
      left: 0px;
  }
  
  &lt;div id="wrapper"&gt;
  &lt;div id="masthead" style="height: 171px"&gt;
      &lt;div id="logo"&gt;
      &lt;/div&gt;
      &lt;div id="headertext" class="auto-style1"&gt;
          Louisiana: 504-975-0180&lt;br /&gt;
          &lt;br /&gt;
          Florida: 850-292-7059&lt;/div&gt;
      &lt;div id="glow"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div id="top_nav"&gt;
  &lt;/div&gt;
  &lt;div id="container"&gt;
      &lt;div id="right_col"&gt;
      &lt;/div&gt;
      &lt;div id="page_content"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div id="footer"&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>