title: HTML Background repeat been cut off after scroll
body: <p>Im trying to make a menu, its working well however, when i make the window smaller and scroll across, the background doesn't extend. Example:</p>
  
  <p><img src="https://i.stack.imgur.com/2uh9b.png" alt="Full screen view">
  <img src="https://i.stack.imgur.com/yMu7C.png" alt="enter image description here"></p>
  
  <p>The first image is in full screen and second image is after i have scrolled across the page. As you can see the background does not extend. Below is my CSS:</p>
  
  <pre><code>body{
  padding: 0px;
  margin: 0px;
  font-family:Arial, Helvetica, sans-serif;
  background-color: #717070;
   }
  .header{
  background-image: url("img/bgsmall.png");
  height: 100px;
  background-repeat: repeat-x;
  min-width: 1000px;
  
  }
  .logo{
  margin-left:320px;
  float:left;
   }
  #menu{
  position: relative;
  height: 100px;
  text-align: center;
  width:auto;
  margin-left:600px;
  min-width:1000px;
  }
  #menu ul{
  list-style: none;
  padding: 0;
  margin: 0;
  position:relative;
  }
  #menu li{
  float: left;
  display: inline;
  padding-top:35px;
  position:relative;
  text-transform:uppercase;
  }
  
  #menu li a{
  text-decoration: none;
  padding-left: 32px;
  padding-right: 32px;
  font-size: 15px;
  font-family: arial;
  color: #ffffff;
  text-align:center;
  }
  #menu li a:visited{
  color: #ffffff;
  }
  #menu li a:hover{
  color: #D86C00;
  }
  </code></pre>
  
  <p>HTML CODE</p>
  
  <pre><code>  &lt;html&gt;
    &lt;head&gt;
  
    &lt;link href="stylesheet.css" rel="stylesheet" type="text/css" /&gt;
    &lt;/head&gt;
   &lt;body&gt;
    &lt;div class="header"&gt;
  
  &lt;div id="menu"&gt;
      &lt;ul&gt;
          &lt;li&gt;&lt;a href="#"&gt;page1&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;page2&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;page3&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;page4&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;/div&gt;&lt;/div&gt;
  
  
  
  
  
   &lt;/body&gt;
   &lt;/html&gt;
  </code></pre>
  
  <p>Thanks in advance.</p>