Przewijany div nie jest przewijana po najechaniu na obrazek

Question

mam ten przykład:

<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/

Najedź na obrazek, a nie będą mogli przewijać, unoszą się poza obrazem, a możesz przewijać. Muszę być w stanie przewijać nawet po najechaniu na obraz.

Co robię źle?