html - firefox absolute div inside relative div error

Question

<div class="menu-item" >    //top container
       <a href="banks.html" class="menu-item-image">    //link when image or slide div clicked
            <img src="images/banking.png" alt="banking"/>   //relative image
            <div class="slide" style="background:#666666;">Find Banks</div>  //this div should slide
       </a> 
</div>

http://jsfiddle.net/kpppvjmq/1/

我在相对的内部放置了一个绝对的 div。我希望 absolute 在悬停时滑过相对的 div。它适用于 Chrome 。但不是在 Firefox 和 IE 中。绝对div来自外部div。我需要跨浏览器解决方案。

Answer 1

..你在找这个吗？

http://jsfiddle.net/kpppvjmq/2/

我只需要添加一个

left:0;

..在向上滑动元素中。