Проблема с фоновым рисунком

Хэдэр разделён на две части. Для обеих частей в качестве бэкграунда использую рисунки.
Сверстал на своём 19-ти дюймовом мониторе - отлично. Посмотрел на 17шке - часть фонового рисунка съедается.

код:

[css]/** BEGIN header **/
#header {
padding-top: 0px;
background: white;
color: white;
width: 100%;
height: 135px;
}
#header h1 {
padding: 0 0 10px 10px;
_text-transform: uppercase;
font-size: 2.5em;
}
#header p {
padding: 0 0 0 10px;
font-weight: bold;
}
#headleft{
width:20%;
padding: 0px 0px 0px 0px;
background: url(logo.jpg) 100% 100% no-repeat;

background-position:center;
height:100%;
float: left;}
#headright{
width:80%;
padding: 0px 0px 0px 0px;
background: url(header2.jpg) 0% 100% no-repeat;
height:100%;
float: right;
text-align:center;}
/** END header **/[/css]


Подскажите пожалуйста, как решить данную проблему.
Заранее спасибо.[/css]

 

Так, ладно, покопался я тут. Бэкграунд растянуть невозможно. Это понятно.
Но ведь у огромного количества сайтов ничего не урезается при любых размерах монитора клиента. Какие есть спосопы преодолеть эту проблему?

 

Можно поподробнее, пожалуйста. Очень надо!

 

Так у меня фоновая картинка - большая заглавная надпись, сделанная на фотошопе. Что делать в этом случае???