Consulta Imágen

Buenas, escribo para realizarles una consulta.
Tengo una imagen de cabezal, cuando visualizo el navegador a resolución normal
la imagen se ve barbaro, pero cuando achico la resolucion del navegador
(CTROL -) se va achicando la imagen.
Debo colocarle un 100% al div que contiene la imagen ?
Gracias.

http://l4c.me/fotos/fedecarbone/cabezal-1
http://l4c.me/fotos/fedecarbone/cabezal-2

#header
{
background: #000000 url(../images/theme/bannersup.jpg) no-repeat;
padding-left: 20px;
height:270px;

}
#header div.frame
{
background: url(../images/theme/bannersup.jpg) no-repeat 100% -480px;
display: block;
padding: 5px 20px 1em 0;
height:270px;
}

Este es el código. Este código esta generado por la aplicacion de los Foros SMF,
lo unico que hice fue adaptar mi imagen.