title: How do I get the background image to not repeat and take up the entire section?
body: <p>My site is up at avidest.com/test.  I am trying to make the background image go from the top of the page down to the "our online services" section.  For some reason, it is ending early and there is a stretch of page where the black body background is visible.  I don't want this black section to show.  here is the css:</p>
  
  <pre><code>.header {
   /*background: #f0f7f7 url(images/header_bg.gif) top repeat-x;*/
      background: transparent;
      padding: 0;
      margin: 0 auto;
      height: 70px;
  }
  
  .block_header {
      margin: 0 auto;
      width: 980px;
      padding: 0;
      border: none;
  }
  
  .logo {
      float: left;
      padding: 0;
      margin: 0;
      width: 242px;
  }
  
  .uppercontain {
      background: url(images/slider_bg.gif) no-repeat;
      background-size: 100%;
      min-width: 1050px;
      min-height: 700px;
  }
  
  .slider {
  /* background:url(images/slider_bg.gif) no-repeat; background-size: 100%; min-width: 1050px; */
      background: transparent;
      margin: 0 auto;
      padding: 0;
      height: 100%;
  }
  
  .slider .gallery {
      margin: 0 auto;
      width: 1050px;
      height: 383px;
      padding: 0;
  } /*width was 880px*/
  .slider .formbox {
      float: right;
  }
  </code></pre>
  
  <p>and here is how it appears on the page:</p>
  
  <pre><code>&lt;body bgcolor="#000000"&gt;
      &lt;div class="main"&gt;
           &lt;div class="uppercontain"&gt;
              &lt;div class="header"&gt;
                   &lt;div class="block_header"&gt;
                        &lt;div class="logo"&gt;&lt;a href="index.html"&gt;&lt;img src="images/logo.gif" width="242" height="94" border="0" alt="logo" /&gt;&lt;/a&gt;&lt;/div&gt;
                   &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="slider"&gt;
                   &lt;div class="gallery"&gt;
                       &lt;div class="form box"&gt; Form is here &lt;/div&gt;
                   &lt;/div&gt;
              &lt;/div&gt;
           &lt;/div&gt;
      Rest of content
      &lt;/div&gt;
  </code></pre>