のGIFアニメーションは、私が取得しておくものを右側に、私が欲しいものを左にホバー

Question

画像上のdivボックスの背景を開きます。ここに私のコードです。

goo.gl/rnhJ7

<div id="butterbox"> 
    <div id="btrlwh"> 
     <div id="btrlan"> 
      <div id="btrlbx"> 
      </div> 
     </div> 
    </div> 
</div> 

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;} 

Answer 1

#btrlbx {visibility:hidden} 
#btrlan:hover #btrlbx {visibility:visible} 

btrlan上でホバリングし、サイズ寸法は、開口ボックスのいくらになるでしょう時に開きたいんDIV