The top and bottom of the background image in my page-in-development are getting chopped off. And in each browser the chopping is a little different: in IE it's both the top and bottom, ditto Firefox, in Chrome it's the top, Vivaldi the top.
Here's the style.css background image code:
background: url('../img/background-image.jpg') no-repeat center center fixed;
How can this code be modified to make the whole background-image.jpg visible in the viewport?
I also want the horizontal and vertical scroll bars to be not visible.