Part of background image moves on browser resize

[lothsun]

I am working on fixing a theme on vbulletin but I can’t figure out how to get this image to stop moving when the browser width drops below 1280px. you can view the site at http://divineknightsclan.com/forum/.
here is an image of the problem:

here is the css of the element:

.above_body {
background: transparent url(http://divineknightsclan.com/forum/dknights3/misk/skin/container_top.jpg);
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}

[Paulie_D]

Site linked seems to be Flash so I can’t inspect it.

I’m assuming you want the image centered so `background-position: center top` should work I think.

[lothsun]

edited top link to reflect forum part of site instead of the flash splash page. sorry for the inconvenience.

http://divineknightsclan.com/forum/

On another note, you will have to change the theme by going to the theme selector at the bottom of the page as this is not the current default forum theme.

As for the background-position: center top, it does not fix the problem.

[Author]

Posts