title: Fit my page with screen at zoom-out or zoom-in
body: <p>Sorry if my tone is not good!
  Here is my HTML and CSS code.<br>
  <strong>CSS:</strong></p>
  
  <pre><code> #home article {
  background: url(../images/top_bg.png) repeat;
  height: 100%;
  position: absolute;
  text-align: center;
  top: 0px;
  border: solid 7px #FFFFFF;
  width: 99%;
  }
  </code></pre>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>    &lt;section id="home" data-speed="10" data-type="background" style="background-position: 50% 0px;"&gt;
  ---- Some Code to display ---        
  
  &lt;/section&gt;
  </code></pre>
  
  <p><strong>Question:</strong> My question is this : When I zoom-in or zoom-out with (ctrl,- or ctrl,+), my page should remain fit with screen. No horizontal Scroll bar should appear.</p>
  
  <p>HERE is example page: Zoom in and zoom out to understand my question. <a href="http://jenslehmann.com/#/ambassador" rel="nofollow">http://jenslehmann.com/#/ambassador</a></p>