title: Scaling Image content for :before CSS sections
body: <pre><code>.responsive td.head1:before {
      content: url(myimage.png )
  }
  </code></pre>
  
  <p>I want to put an image into a responsive table column (I'm using this to put the column titles as rows in a similar manner described at <a href="http://css-tricks.com/responsive-data-tables/" rel="nofollow">CSS Tricks here</a>. The difference is that my 'headings' contain images. Those images need to be rescaled to fit, and I seem to be drawing a blank using such things as background-size. So is there any way to rescale/resize the image?</p>
  
  <p><em>Update:</em> Thanks for your suggestions about using a background-image - you get bonus points if someone can tell me a way of getting an image in a :before segment with an alt/description tag for disability compliance.</p>