title: inline css problem
body: <p>I have the following script:</p>
  
  <p><a href="http://jsfiddle.net/oshirowanen/8mQ7x/1/" rel="nofollow">http://jsfiddle.net/oshirowanen/8mQ7x/1/</a></p>
  
  <p>Which works fine, but as soon as I change to external css to add the background image using inline css methods, it stops working, as demonstrated here:</p>
  
  <p><a href="http://jsfiddle.net/oshirowanen/8mQ7x/" rel="nofollow">http://jsfiddle.net/oshirowanen/8mQ7x/</a></p>
  
  <p>I need part of it to be inline css because the html is dynamically generated.  I am trying to create many generic icons using different images for each icon, but using a generic css external file to cause the mouse over effect.</p>
  
  <p>Why does this stop working when inline css is used to add the image and how can I get this to work?</p>