Css 为什么页脚在扩展？

你能给我解释一下，或者给我一个解决方案，为什么当我用最新的Firefox浏览器打开这个页面时，所谓的粘性页脚会向左扩展

编辑：当我将此功能区放在右上角时，问题出现了。请删除

 text-align:center;

在这个身份证上

#footer

所以像这样：

#footer {
background: url("pattern.png") repeat scroll 0 0 #EDECD8;
bottom: 0;
float: right;
font-family: Century Gothic,sans-serif;
font-size: 14px;
font-variant: small-caps;
height: 20px;
position: absolute;

width: 100%;
}

---

我删除了

文本对齐：居中从span.bottom开始，我认为它是有效的…你能检查一下吗？你的回答对我很有帮助，所以非常感谢你！是的，这很有效，把答案标记为正确，谢谢