溢出：隐藏的移动div里面

Question

我遇到了一件我无法解释的事情，我也没有在这里或谷歌找到答案。

我有以下代码： （头部和其他结构在这里有点截断......）

<link rel="stylesheet" type="text/css" href="style.css">

<div id="wrapper">
    <div id="ajaxdiv">
        <div id="page0">
            <p>000000000 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis. Ut justo. Suspendisse potenti.</p>
        </div>
    </div>
</div>

和这个css：

#container {
    width: 800px;
    margin: 0 auto;
}
#wrapper {
    overflow: hidden;
}

#ajaxdiv {
    background-color: #e3e3e3;
    height: 500px;
    width: 800px;
    position: relative;
}

现在的问题是，通过让'溢出：隐藏;'在我的包装里面的div，即ajaxdiv被取代了。它向下移动大约10-20px，我不知道为什么会发生这种情况。

有人有解释吗？