页脚隐藏内容

Question

我有下面的页脚，它似乎工作得很好，但有一个问题，当我向下滚动页面时，页脚覆盖了内容。有人有什么建议吗？提前谢谢。

HTML：

<div class="footer" id="footer">My footer</div>

CSS：

#footer {

    border: 1px groove #aaaaaa;
    background: #333333;
    color: white;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    line-height: normal;
    margin: 0;
    position: fixed;
    bottom: 0px;
    width: 100%;
    height:40px;

}