Hello, I am hoping that you can take a look at www.aparkforus.org. I want to have the footer extend all the way accross the screen. I accomplished this with:
#footer {
background-clip: padding-box;
border-top: 20px solid rgba(30, 84, 8, 0.5);
margin-left: -50%;
padding: 0 50%;
}
in my wordpress mantra child theme. This has the unintended effect of pushing the width of the page beyond the the width of the html element requiring a horizontal scroll bar to appear. Not good as my design has a border around the html element.

If I remove the footer margin and padding, then the footer remains the size of the wrapper div (1000px).

Is there any way around this within the css?

Thanks for your help.