在IE中真的很令人沮丧

#wrapper{
    width:1000px;  
    height:750px;
    margin:auto;
}

#left{
    width:500px;
    height:750px;
    float:left;  
    position:relative;
}

#right{
    width:500px;
    height:750px;
    float:right;
    position:relative;
}

在Chrome中,没问题。

在Firefox中,没问题。

在Safari,没问题。

在IE中,右div在水平方向上位于同一位置,但在垂直方向上位于左div的下方。

我试过几种不同的方法来解决这个问题。将包装行高度设置为0,将右侧显示设置为inline,减小右侧和左侧div的大小(我认为可能存在边距/填充问题)。我已经没有主意了,有人能帮我解决这个问题吗?

在所有浏览器中(IE除外):

在IE中: