I am currently working on a website (visit 4beaufort.co.uk) that has a footer (#page-bottom) with the following CSS properties:
#page-bottom {
width:100%;
margin-top:3%;
margin-left:0%;
margin-right:0%;
margin-bottom:0%;
position:absolute;}
To make the footer span 100% of the screen, I had to set its position to absolute. However, despite my efforts, it only extends about 98% of the screen width, leaving a small gap on the right side. This is causing some horizontal scrolling issues for the content above the footer. Can anyone help me figure out what I'm doing wrong?
I have reviewed the style sheet extensively to check if I missed setting a container correctly. All containers have been assigned a width of 100%, but the issue persists.