Google Maps Web中的灰色垂直线

Question

您好我们注意到我们的网站正在尝试使用我们的联系地图来解决一些问题，最近出现了一些灰色的垂直线条。我们没有移动与地图区域的css或js相关的任何内容，所以我们不明白问题可能是什么。

以下是该地区的屏幕截图：

以下是该地区html的副本：

    <section id=contact>
      <div class=container id=map></div>
    </section>

这是地图脚本的副本

<script>$(document).ready(function(){$("#map").gMap({
  controls:{panControl: false,
  zoomControl: false,
  mapTypeControl: false,
  scaleControl: false,
  streetViewControl: false,
  overviewMapControl: false,
  scrollwheel:false,
  draggable:false},
 markers:[{latitude:19.428058,longitude:-99.161335,icon:{image:"img/pin2.png",iconsize:[32,47],iconanchor:[32,47],infowindowanchor:[12,0]}}],
  icon:{image:"img/pin2.png",iconsize:[26,46],iconanchor:[12,46],infowindowanchor:[12,0]},
  latitude:19.428058,
  longitude:-99.161335,
  zoom:17});});</script>

版本og谷歌地图

<script src="http://maps.google.com/maps/api/js"></script>

id map css

#map{height:300px;width:100%;position:relative;}

class container css（bootstrap.css）

.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container{width:940px;}
.container{margin-right:auto;margin-left:auto;*zoom:1;}
.container:before,
.container:after{display:table;content:"";line-height:0;}
.container:after{clear:both;}
.container-fluid{padding-right:20px;padding-left:20px;*zoom:1;}
.container-fluid:before,
.container-fluid:after{display:table;content:"";line-height:0;}
.container-fluid:after{clear:both;}

联系部分没有css

这是我们网站pixzelle.mx

的链接

请提供任何帮助