将鼠标悬停在另一个div上

Question

我有一个有两个孩子的父div，一个div＃2和一个图像，问题是当我想要div＃2向上移动时，它带有图像

<section id="ticket">
        <div id="wrap_960">
            <div id="entry"></div>
            <img id="shadow" src="img/shadow.png">
        </div>
</section>

这是CSS：

#ticket{
height: 300px;
width: 100%;
position: relative;
}
#entry{
float: right;
height: 200px;
width: 100%;
background: white;
border: solid 1px #abcbdb;
border-radius: 15px;
position: relative;
}
#entry:hover{
margin-top: -30px;
}
#shadow{
margin-top: -160px;
}

谢谢！

Answer 1

多数民众赞成是因为你将它向上移动以及下面的任何东西自然随之移动：）

#entry:hover{
    margin-top: -30px;
    margin-bottom: 30px; // should counteract the movement up.
}

小提琴：http://jsfiddle.net/8KtaX/