Вопрос по background-image - Вопросы по CSS

Доброго времени суток. Делаю  сайт http://donasolis.org/  

Вопрос: как сделать так, что бы изображение при увеличении разрешения экрана не дублировалось, а растягивалось или за пределами изображения был бы белый цвет ( размер моего изображения 1600х500)

Например тут растягивается. http://demo.rockettheme.com/?template=hexeris

растягивалось, это как? картинка то имеет жесткие размеры. но я могу и ошибаться
как по мне, то единственное - это заливка, как и говорилось
background-image: url("/images/afr2.jpg") no-repeat scroll center top #C7C7C7;

#rt-top-surround {
    background: url("/images/afr2.jpg") no-repeat scroll 50% 0 transparent;
    color: #C7C7C7;
}

спасибо!