css - MAMP の Virtualbox での CSS の問題?

Question

今日、本当に奇妙なバグ（？）を見つけました。MAMP を搭載した Mac OS X と Win XP を搭載した仮想ボックスを実行しています。Mac OS のホスト ファイルに、「mampserver」と呼ばれる localhost:8888 の行を追加しました。XP のホスト ファイルで、10.0.2.2 (MAMP を使用する Mac OS) も「mampserver」に設定しました。これらの行を使用すると、WordPress を MAMP でローカルに実行し、仮想 XP から IE で確認できます。(私がこれらのホスト文字列を持っている理由は、WordPress が GUID を保存http://localhost:8888/the_site/...し、XP で 10.0.2.2 イメージから直接これにアクセスしようとすると、「localhost」が 127.0.0.1 であるため、他のものが見つからないためです。 XP)。

しかし、今日、このセットアップを使用して非常に奇妙なバグが発生しました。

私が MAMP から次のようなものを実行した場合:

<div id="menu">
    <div class="menu-button">Button 1</div>
    <div class="menu-button">Button 2</div>
    <div class="menu-button">Button 3</div>
</div>

CSS を使用すると、次のようになります。

#menu {
    width: 900px;
    display: table;
}
.menu-button {
    display: table-cell;
}

IE (8) はこれを間違ってレンダリングmenu-buttonします。:s は行としてリストされます。まったく同じコードを使用して、XP で HTML ファイルを作成し、IE で実行すると、完璧に動作します。

ホストはどのように CSS に影響を与えることができますか?!

同じ、または似たような悩みを持っている人はいますか？