添加了Facebook徽章，放弃了页脚位置

Question

为网站添加了facebook徽章，现在它已经将我的页脚放置在页脚上..它在Chrome中工作正常，但是IE，FFox和Opera都遇到了问题......

以下是截图： alt text http://i40.tinypic.com/21brrra.jpg

页脚（棕色条）应该在底部......

这是CSS：

    /* footer */
#footer{
    background:url(../images/bg-footer.png) no-repeat;
    height:26px;
    overflow:hidden;
    padding:35px 0 0 55px;
    font-size:11px;
}
#footer p{
    margin:0;
    display:inline;
    color:#766623;
}
#footer ul{
    margin:0;
    padding:0;
    list-style:none;
    display:inline;
}
#footer li{
    display:inline;
    background:url(../images/sep-f-nav.gif) no-repeat 100% 55%;
    padding:0 6px 0 0;
    position:relative;
}
* html #footer li{
    padding:0 3px 0 3px;
}
*+html #footer li{
    padding:0 3px 0 3px;
}
#footer a{
    color:#30481f;
    text-decoration:none;
}
#footer a:hover{
    text-decoration:underline;

/*Facebook badge Holder*/
.fb-area{
    width:287px;
    padding:0 0;
    margin:0 0;
    min-height:100%;
}

Answer 1

这是一个黑暗中的镜头，因为我总是试错CSS设计。

在我看来，你的设计中有一个漂浮物。你试过在页脚的CSS上做clear: both;吗？我没有在你提供的CSS中看到任何花车，但Facebook徽章很可能会在幕后添加一个并且症状看起来正确。