即使没有元素比容器宽，也会出现水平滚动条？

Question

这是我的CSS。我计算了所有元素的宽度，但我似乎无法找到罪魁祸首。 我确实搞乱了代码，当header-nav设置为850px或更低时，滚动条消失了。请帮帮忙？

html, body {
        margin: 0px;
        padding: 0px;
        background-color: #FFFFFF;
        font-family: "Trebuchet MS";
        font-size: 10pt;
        color: #222222;
}

#container {
    position: relative;
    margin: 0px auto;
    width: 1200px;
    padding: 0px;
    background: url(images/container-bg.png) repeat-y;
}

#header-nav {
    width: 1200px;
    height: 150px;
    background: url(images/header-bg.png) no-repeat;
}

#menu{
    position: relative;
    top: 95px;
    left: 390px;
    list-style:none;
    z-index:5;
    padding: 0px;
    margin: 0px;
}

#nav {
    position: absolute;
    left: 101px;
    width: 230px;
    padding: 10px;
}

#main {
    position: relative;
    left: 351px;
    width: 720px;
    min-height: 600px;
    padding: 15px;
}

#footer {
    position: relative;
    left: 101px;
    bottom: 0px;
    width: 980px;
    height: 99px;
    padding: 10px;
    background: url(images/footer-border.png) no-repeat;
    background-color: #FFFFFF;
}