title: css - repeat only 1px from a png sprite as background for div
body: <p>after googling a lot for something similar, i could find any REAL answer.</p>
  
  <p>the problem is simple, i have a sprite png image that i use for all of my image assets in the site.
  and i have a bg.png file which is 1px by 1px semi transparent file.
  which where needed, i put as background for the div.</p>
  
  <p>i would like to get rid of that 1px file.</p>
  
  <p>any idea how this can be done ? repeat 1x1 px portion of the image as repeated background?</p>
  
  <p>EDIT: i do have an idea for a solution:</p>
  
  <p>with c# code i can manipulate the part of the image i need, create a new one and return it as memory stream.
  but i just wondered if this is possible by pure css.</p>