Mobile Safari和iScroll.js:似乎无法在div中水平滚动超大图像

能够垂直和水平滚动。但我只能看起来 让它垂直滚动。我错过了什么?

<script type="text/javascript"> 
var myScroll; 
function loaded() { 
        myScroll = new iScroll('transit_map', {vScrollbar:true}); 
} 

document.addEventListener('DOMContentLoaded', loaded); 
</script> 

<div id="transit_map_wrapper"> 
        <div id="transit_map"> 
                <img src="<?php echo base_url(); ?>extras/img/parade_route.jpg" 
width="1583" height="485" onload="scroll.refresh()" /> 
        </div> 
</div> 

这是我的CSS:

#transit_map_wrapper { position:relative; z-index:1; width:auto; 
height:490px; overflow:hidden; } 

有什么想法吗?