title: Two backgrounds upon each other with CSS
body: <p>I have a div that i want to apply two backgrounds to it. Basically I have one small picture that will be repeated all over the div, and another big one (no repeats). 
  I tried to make two divs of the same size layed one upon the other and here is the CSS code it works but I want to do it in a more fashionable way.</p>
  
  <pre><code>.science_wrap{
  background-image: url(../bg/graph-paper-background.png);
  width:100%;
  height: 694px;
  margin: 0 auto;
  </code></pre>
  
  <p>}</p>
  
  <pre><code>.science {
  background-image: url(../bg/prospectus-science-line.png);
  width:100%;
  height: 694px;
  margin: 0 auto;
  </code></pre>
  
  <p>}</p>
  
  <p>Also, i have another div which will have one strip on the top (i have a bg image for it) and I want to put upon it another picture, any tips or tricks to do this?</p>