title: Displaying background both on top and bottom of a div? #multiple background-position
body: <p>i need to get this little gray rectangle (red circle) to be displayed both on top n bottom of a div that coitains thumbnails (btw this div might aswell cointain 2 or 3 rows of thumbnails) </p>
  
  <p>Picture:</p>
  
  <p><img src="https://dl.dropbox.com/u/26827941/ScreenShot1431.png" alt="2x borders?"></p>
  
  <p>here is my code for how it looks atm:</p>
  
  <pre><code>.jq_thumbnails {
      background: url("/site_media/static/coffee_small_top.png") top left no-repeat;
      overflow: auto;
      height: 100%;
  }
  </code></pre>
  
  <p>Is it possible to achieve this effect easily? I thought of making ifequal tag that would check the length of thumbnails list and use a certain background picture accordingly, but maybe it is possible to achieve this using html/css only?</p>