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行