无法隐藏网页上的垂直滚动条

我将在另一个HTML页面中显示一个HTML页面,具体取决于使用以下功能选择的链接:

function loadProject(sel) {
    var url = sel[sel.selectedIndex].value;

    if(url) {
        document.getElementById('projectContainer').innerHTML = '<' + 'object id="foo" name="foo" type="text/html" data="'+url+'"><\/object>';
    } else {
        document.getElementById('projectContainer').innerHTML = "Please select a project.";
    }
}

而且,我在HTML中有一个DIV标记,其ID为projectcontainer。除了垂直滚动条 总是 无论我如何移除它。(它不应该是-即使我没有将任何东西放入对象中,垂直条仍然显示。)我尝试在下面编辑CSS:

object {
    width: 100%; 
    border: none;
    overflow: hidden;
}

但这并不能实现我所期望的。有什么建议吗?谢谢。