Making a static background

Hello, I've been experimenting with custom sheet creation and have managed to make a barebones, but fully functional sheet for Kids On Bikes. However, I want to try making something that actually looks like the game's printable sheet: <a href="https://image.ibb.co/bP84WK/Universal_Character_Sheet_1.png" rel="nofollow">https://image.ibb.co/bP84WK/Universal_Character_Sheet_1.png</a> . The idea was to use this image as a static, fixed-size background to position the various interactive elements, but background-image makes the background all wonky. The background image only loads to the point where there are html elements, so I can't possibly move stuff around. So then how do I go about doing this?

What does the code look like? I know of another sheet that uses a static background image from about 3 years ago. It is a very simple sheet with less than 100 lines of html and 16 lines of css.

you should be able to use a "wrapper" div with width and background-image. This might help. <a href="https://www.ostraining.com/blog/coding/css-background-image/" rel="nofollow">https://www.ostraining.com/blog/coding/css-background-image/</a>