Fixed size in background image footer?

Hello everyone,

I am having a problem with my background image (which take the whole length of the screen).

The problem is that i put there links etc…but depending on the screen resolution, the image would shrink or expend…therefore moving the background image under the links which makes it look really bad…

I have changed the width size to the inherit, which seems to center and adapt to my page…but still on resolution change, it would move…

How can i make sure it just doesn’t move and looks the same to all no matter on which screen they are?

Thank you very much for your answers.

#footer {
background: url('https://www.mysite.com/images/bg.jpg');
background-repeat: no-repeat;
clear: both;
width: inherit;
height: 500px;
}