div cuộn không phải là cuộn khi di chuột qua ảnh

Question

Tôi có ví dụ này:

<div class="container"> 
    <div class="box"> 
     <object class="object" data="http://www.marketingvox.com/wp/wp-content/uploads/2009/12/darpa-balloon.thumbnail.jpg"> 
     <img class="image" src="http://www.marketingvox.com/wp/wp-content/uploads/2009/12/darpa-balloon.thumbnail.jpg"> 
    </object> 
    </div> 
</div> 


.container { 
width: 200px; 
height: 500px; 
overflow: scroll; 
background: red; 
} 

.box { 
top: 20px; 
left: 20px; 
width: 50px; 
height: 1000px; 
position: relative;  
} 

.object { 
position: absolute; 
} 

.image { 
top: 50px; 
position: absolute; 
cursor: pointer; 
} 
} 

http://jsfiddle.net/aS972/1/

Di chuột lên hình ảnh, và bạn sẽ không có khả năng di chuyển, di chuột bên ngoài của hình ảnh, và bạn có thể cuộn. Tôi cần để có thể cuộn ngay cả khi di chuột qua hình ảnh.

Tôi đang làm gì sai?