需要修正CSS中的页脚

Question

我在用CSS设置页脚时遇到问题。它与图像重叠并占据了整个页面，但是当我将其设置为固定时，它将恢复为正常大小。我不想修复它。有什么建议吗？

HTML如下：

<div class="footer">
<p>footer</p>
</div>

CSS如下：

div.footer {
left: 0;
bottom: 0;
width:100%;
background-color: #595959; 
color: white;
text-align: center;
right: 0;
}