title: Gif Animation Opens up div box background on hover
body: <p><img src="https://i.stack.imgur.com/ZHHvH.jpg" alt="enter image description here"></p>
  
  <p>Image on the left what I want, on the right what I keep getting. Here is my code;</p>
  
  <p>goo.gl/rnhJ7</p>
  
  <pre><code>&lt;div id="butterbox"&gt;
      &lt;div id="btrlwh"&gt;
          &lt;div id="btrlan"&gt;
              &lt;div id="btrlbx"&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  div#butterbox {position:absolute;}
  #btrlwh {background:url(/wp-content/themes/bliss/images/butterfly/leftwhite.gif) no-repeat;width:52px;height:50px;position:relative;right:75px;top:64px;padding:14px 0 0 2px;}
  #btrlan {background:url(/wp-content/themes/bliss/images/butterfly/leftd.gif) no-repeat;width:52px;height:50px;z-index:999;}
  #btrlan:hover {background:url(/wp-content/themes/bliss/images/butterfly/left.gif) no-repeat; }
  #btrlbx {width:81px;height:58px;position:relative;top:15px;left:25px;border:1px solid #FFF;background-color:#8ad1e3;z-index:9;}
  </code></pre>