проблема следующая. фоновое изображение на странице изображается не корректно - оно не растягивается на 100%, а дублируется по ширине 2 раза.
помогите, пожалуйста исправить

в html:
одна из страниц сайта в head ссылается на основной ксс стиль:
<link href='style.css' type='text/css' rel='stylesheet'>
далее в body у нас вот что: 
<h2>СЛОВО</h2>

в css:

h1 {
color: #3E3E3E;
background-color:transparent;
background-image: url(bgside.png);
text-decoration: none;
font-weight: bold;
text-transform:none;
text-align: justify;
font-size: 11px;
border-bottom: none;
letter-spacing: 0px;
display: block;
margin-left: 0px;
margin-top: 0px;
font-family: Arial;
margin-bottom: 0px;
              padding-right: 45px;
              padding-left: 55px;
              padding-top: 0px;
              padding-bottom: 0px;}
h2{
color: #535555;
background-color:transparent;
text-shadow: # 1px 0px 1px;
background-image: url(contentup.png);
background-repeat:repeat-x;
text-decoration: none;
text-transform: none;
font-weight: bold;
text-align: center;
letter-spacing: -1px;
font-style: italic;
font-size: 16px;
border-bottom: none;
letter-spacing: none;
display: block;
margin-left: 0px;
margin-top: 0px;
font-family: Georgia;
margin-bottom: 0px;
              padding-right: 30px;
              padding-left: 30px;
              padding-top: 130px;
              padding-bottom: 60px;} 

Это не рабочий стол виндовз, где можно картинку растянуть на всю ширину экрана. Стандартных кроссбраузерных решений на html и css для этого нет

Вообще background-size, но из актуальных браузеров гадит IE8. По-старинке можно так.