Изображение в хедере не пропорционально.

/* begin Header */div.art-header{ margin: 0 auto; position: relative; width: 100%; height: 200px; overflow: hidden;}div.art-header-center{position: relative;width: 1920px;left:50%;}div.art-header-png{ position: absolute; left:-50%; top: 0; width: 1920px; height: 200px; background-image: url('../images/header.png'); background-repeat: no-repeat; background-position:center center; }div.art-header-jpeg{ position: absolute; top: 0; left:-50%; width: 100%; height: 200px; background-image: url('../images/header.jpg'); background-repeat: no-repeat; background-position: center center;}Господа!Подскажите пожалуйста, что надо здесь подправить, что бы изображение в шапке (хедере)изменялось пропорционально размерам резинового сайта. Сейчас, если сайт открыт в маленькоммониторе, то изображение вырезается центральная часть.