css - div 中的 google-maps-api-3 位置：固定滚动

Question

我正在尝试使用位置：固定的 div 获取谷歌地图。问题是当我在正文中滚动时，固定的 div 没有重绘，并且地图沿着正文滚动，当我在 div 中滚动时，不仅地图而且其他所有内容都在窃听！

div有以下css

.bs-docs-sidenav {
width: 48%;
top: 20px;
height:250px;
position:fixed;
background-color:yellow;
overflow:scroll;
}

我看了一下这个 jsfiddle，你就会明白我的意思http://jsfiddle.net/PdqME/

该问题似乎与Chrome 无关。