CSS在IE和FF中打破谷歌地图V2 - 而不是在Chrome中

Question

我的谷歌地图页面,我的斗智斗勇.我想添加一个非常基本的地图(如本例[1].我设置的测试页面[3]在Chrome浏览器中看起来还不错 - 在Firefox和Internet Explorer中,但是,只有部分内容被加载,灰色背景而不是地图.

到目前为止我在stackoverflow [1]上发现的内容指出了我正确的方向.显然,CSS打破了地图.看看Chrome显示的内容告诉我,它也猜测如何显示它(控件被移动).

这是我使用的代码(在单独的模板中):

<script type="text/javascript">
//<![CDATA[
//var map;
function initialize() {
        var map = new GMap2(document.getElementById("map_canvas"));
        map.setCenter(new GLatLng(37.4419, -122.1419), 3);
        map.setUIToDefault();
}
jQuery(document).ready(function() {
      initialize();
});
//]]>
</script>

该博客基于wordpress,具有相当自定义的主题.我在CSS的最开始使用@import加载父主题的CSS.注释掉这个import语句修复了这个特定的问题,但我找不到导致它的确切CSS行.

我正在使用Firebug并尝试逐个停用语句 - 无济于事.

如果有人指出我正确的方向,我真的很感激.即使提示搜索的位置也会非常有帮助.如果您愿意,请跳至http://dev.mit-kids.ch/test/查看.

提前致谢!

安德烈

链接(超过2个):

1. http://code.google.com/intl/en/apis/maps/documentation/javascript/v2/examples/map-simple.html
2. CSS如何阻止谷歌地图加载？
3. http://dev.mit-kids.ch/test/

Answer 1

这个CSS定义是问题所在:

.entry-content img, 
.wp-caption {max-with:98%}

见:style.css,第941行