title: how to elegantly use css sprites in an inline element?
body: <p>I'm aware of <a href="http://foohack.com/2007/11/cross-browser-support-for-inline-block-styling/" rel="nofollow">this hack</a> for inline-block property, but as it really is a <em>hack</em> for the poor browser support, I was wondering if there is a more elegant solution to use CSS sprites without the necessary line-break of block elements.</p>
  
  <p>To illustrate the idea: in the footer of <a href="http://www.alexbrunner.com/moscow" rel="nofollow">this website</a> the icons which are inside the footer-text paragraph at the very right bottom of the page should get a nice rollover image. The most elegant technique I know for this is CSS sprites, but that would of course add a line break before the images.</p>
  
  <p>Am I missing something?</p>
  
  <p>Any insight is much appreciated!</p>
  
  <p>Best, Alex</p>