podés porbar una de stas dos alternativas
1.
tenes una capa centrada de 980px, creas una imagen, para que aparezcan los espacios laterales sobrantes en resoluciones mayores, digamos de 1600px de ancho, preferentemente un png, a esa imagen en el centro le haces una capa transparente de 980px, y en los espacios laterales, que son de 310 px pones el contenido que quieras. En el body, el css será background-image: la imagen y background-position: top center, así coinciden los 980 de tu div con la parte central de la imagen que no tiene contenido.
2.
otraalternativa es usar
http://johnpatrickgiven.com/jquery/background-resize/
con lo que con una imagen más chica podrías arreglartelas
SAludos