title: background image is appearing on top of foreground image in Opera and Chrome
body: <p>I've a tiny span with a background image. This background image scrolls below foreground image. While this works perfectly in IE and FF, it doesn't work in Opera and chrome.</p>
  
  <p>I've put my example <a href="http://grayicon.yolasite.com/" rel="nofollow noreferrer">here</a>. PLease see the block with 4 small rectangles.</p>
  
  <p>PLease suggest solution.</p>