In an iframe how to make a div to hide and on mouse over the bottom of the page bring it to front again.

This is just like a control that appears in medial players,hide when mouse out and show when mouse over

     <div>
       <img src="play.gif"/>
       <img src="next.gif"/>
       <img src="last.gif"/>
       <img src="first.gif"/>
       <img src="previous.gif"/>
       <img src="next.gif"/>
     </div>

Thanks..