Css 水平重叠：Firefox中的before元素

我的页脚上有一个：before元素，使它看起来倾斜。该问题是由左边框引起的水平滚动：2000px。有没有关于如何修复的建议？溢出：隐藏；这没用

footer:before {
    content: "";
    position: absolute;
    height: 0px;
    border-bottom: 70px solid #4A473D;
    border-left: 2000px solid transparent;
    margin-top: -70px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    width: auto;
}

---

页脚是否有position:relative？为什么需要2000px的边框？将overflow:hidden添加到其父divI中我同意@sticksu。让我们先解决这个问题，然后这个问题几乎肯定会消失。