title: Footer does not stretch to 100% width
body: <p>I want the width of my footer to stretch 100% of the page. However, I have defined min-width:1000px, and max-width:1000px on the body of the HTML document to help create a fluid layout. Now when I create the footer setting it to max/min-width:100% it does not span across the whole page, and is restricted by the min/max-width set on the body. Is there a way set the width of the footer to be 100% whilst having the min/max-width defined at 1000px in body? The code for the HTML and CSS is:</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
  Some Text
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;header&gt;
  Some Text
  &lt;/header&gt;
  &lt;section class="mainSection"&gt;
      &lt;article class="mainArticle"&gt;
              &lt;header&gt;
                  &lt;h4&gt;Some Text&lt;/h4&gt;
              &lt;/header&gt;
              &lt;p&gt;
                      Some text
              &lt;/p&gt;
      &lt;/article&gt;
  &lt;/section&gt;
  &lt;footer&gt;
      &lt;section class="footerSection"&gt;
          &lt;article class="footerArticle"&gt;
              &lt;p&gt;Some Text&lt;/p&gt;
          &lt;/article&gt;
      &lt;/section&gt;
  &lt;/footer&gt;
  </code></pre>
  
  <p>
  </p>
  
  <p>CSS:</p>
  
  <pre><code>body{
      margin:0px auto;
      min-width:1000px;
      max-width:1000px;
      height:auto;
      background-color: #97cdcd;
      background-size: 5px 5px;
      background-image: linear-gradient(rgba(189, 204, 211, .50) 50%, transparent 50%, transparent);
      background-image: -webkit-linear-gradient(rgba(189, 204, 211, .50) 50%, transparent 50%, transparent);
      background-image: -moz-linear-gradient(rgba(189, 204, 211, .50) 50%, transparent 50%, transparent);
  }
  body &gt; footer{
      margin:0px;
      padding:0px;
      min-width:100%;
      max-width:100%;
      background:#ffffff;
      height:auto;
  }
  </code></pre>