悬停一个div并移动另一个div

Question

我有一个父div有2个孩子，一个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/