CSS在面板内对齐面板的问题

Question

看看下面的图片。 我在蓝色框内定义了红色框，但是它们向左漂移到黑框中。 有趣的是，在较旧的浏览器中或者在检查了兼容性模式的情况下，它们看起来就像我想要的那样。它看起来也像我希望它在VS2008中的样子。有没有人有任何想法？这是CSS

body
{
}
.left
{
    border: solid 1px black;
    width: auto;
    padding: 20px;
    height: 750px;
    float: left;
    font-family: Calibri;
    font-size: small;
}

.right
{
    border: solid 1px blue;
    width: 750px;
    height: 750px;
    font-family: Calibri;
    font-size: small;
    padding: 20px;
}

Answer 1

Doh，我还需要一个浮子：留在.right 我不知道为什么会这样。