虚拟地球控制 - 奇怪的浮动行为

Question

我一直在"NerdDinner" MVC tutorial工作，我刚刚到达了关于添加地图控件的部分。 我遇到了一些虚拟地球控制的奇怪行为，我似乎无法弄清楚：

http://img17.imageshack.us/img17/3379/virtualearth.png

如果你看不到图片，那么Virtual Earth控件浮动在左上角，遮住了表格，与包含的div分开，这也不是正确的位置，但它比控制权在哪里。

据我所知，我已直接从教程中复制了所有相关代码。有没有人见过这样的东西？

我在大多数测试中使用Firefox，但在Internet Explorer 7中的行为方式似乎相同。

Answer 1

没关系，看起来教程需要一些它没有告诉你的CSS：/ 能够从官方的“成品”源代码中检索它。

Answer 2

这让我抓狂！

缺少的CSS是：

#theMap {
    position: relative; 
    width: 500px; 
    height: 450px;
}