How to remove empty space at the bottom when sliding up a section in Mozilla, ie11 and Edge?

Question

css

According to the layout, the footer is 'pushed' under the top section, which is implemented like this:

.main-footer {
position: relative
top: -85px
padding-top: 150px
}

A negative margin-bottom equal to the offset removes the bar in mozilla, but then it appears in ie11 and Edge. What is the way to get rid of this space cross-browser?