title: jQuery mouseover fade effect
body: <p>I've been learning how to do a Jquery mouse over effect from 
  <a href="http://bavotasan.com/2009/creating-a-jquery-mouseover-fade-effect/" rel="nofollow">http://bavotasan.com/2009/creating-a-jquery-mouseover-fade-effect/</a></p>
  
  <p>How do I have three separate buttons with this effect? I keep having a problem of the Divs overlapping when i duplicate them and I can't move them away from each other. Sorry if my initial question was confusing! 
  Here is my jsfiddle:  <a href="http://jsfiddle.net/japaneselanguagefriend/EgDqy/" rel="nofollow">http://jsfiddle.net/japaneselanguagefriend/EgDqy/</a></p>
  
  <pre><code>&lt;div class="fadehover"&gt;&lt;img src="button 1" alt="" class="a" /&gt;&lt;img src="button 1 roll" alt="" class="b" /&gt;&lt;/div&gt;
  
  &lt;div class="fadehover"&gt;&lt;img src="button 2" alt="" class="c" /&gt;&lt;img src="button 2 roll" alt="" class="d" /&gt;&lt;/div&gt;
  </code></pre>