title: Image across page 100%
body: <p>How do I get an image as banner across the page? Below shown is my code, please suggest me a solution. </p>
  
  <pre><code>.image {
  background: url(banner.jpg) center no-repeat;
  width:100%; 
  height: 300px; &lt;-- Image height
  }
  </code></pre>
  
  <p>the best method?</p>
  
  <p>then apply that css to a classed div?</p>
  
  <pre><code>&lt;div class="image" alt="" title=""&gt;
  &lt;/div&gt;
  </code></pre>