title: html - image changing on li / a hover
body: <p>I have encountered a very interesting problem about img src which change on a:hover.</p>
  
  <p><a href="http://img7.imageshack.us/img7/7038/sywe.png" rel="nofollow">SCREENSHOT</a> </p>
  
  <p>As you see, hovering the <code>&lt;a&gt;</code> sector,you cant see logically the white img. So I had the same icons on black and white, I want on hovering the sectors of #menu, the img src changes img links to black icons, instead of white, which are for only non-hovered sectors.</p>
  
  <p>CSS+HTML: <a href="http://paste.laravel.com/KJ1" rel="nofollow">http://paste.laravel.com/KJ1</a></p>