This issue was solved by right-clicking the area, clicking 'design', and then selecting the clear background. It appears that there was some sort of background colour overriding the footer border.
The top of my footer is showing a break in the middle at the top (circled in red on the image below). I want the visible line to show the entire way across the page. It looks like this on every page. Any idea how to fix it?