水平重叠：在Firefox中的元素之前

Question

我有一个：在我的页脚上的元素之前给它一个“倾斜”的外观。问题是由下面的border-left: 2000px引起的水平滚动。有关如何修复的任何建议？ overflow: hidden;没有做到这一点。

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;
}