css - CSS Float left が IE10 で div ブロックを正しく配置できない

Question

隣り合わせに配置する必要がある 2 つの div ブロックがあります。2 番目のブロックは、2 番目のブロックを下にシフトする Exploder を除くすべてのブラウザで、最初のブロックの隣に完全に配置されます。div を別の div の div と考えられる他のすべてのものを含め、インライン ブロックに設定しようとしましたが、何も機能しません。これは、 clubaero.nlで確認できます。

CSS:

.leftbox {
    float: left;
    position: relative;
    width: 220px;
    }

    .main1 {
    position: relative;
    width: 480px;
    margin: 0 auto;
    }

HTML:

<div class = "leftbox">
.... here is content of the 1st div .....
</div>

<div class = "main1">
.... here is content of the 2nd div ....
</div>