Резиновая шапка сайта

[Dizred]

Добрый день! Проблема в отображении шапки мобильной версии...  В desktop версии все хорошо, а в мобильной версии криво

Вот css: 

   body { margin: 0; }   header {    display: block;    background: #f4f3e6 url(wp-content/uploads/2014/12/header-grad4.jpg) repeat-x;                 /* Градиент */   }   .header-bg {    background: url(images/header-animal.png) repeat-x center bottom;                 /* Животные */    height: 438px; /* Высота шапки */    text-align: center; /* Выравнивание по центру */   }   .header-bg img {    position: relative; /* Относительное позиционирование */    top: 0px; /* Сдвигаем картинку вниз */   }

А вот сам код:

   <div class="header-bg">    <img src="wp-content/uploads/2015/01/header-top4.jpg" width="1250" height="597">   </div>

А вот сам сайт: http://aquakop.ru (повторюсь,проблема видна только в мобильной версии)

 

Буду очень признателен в помощи...

 

[satantx]

Удили блок header-bg

body {background: #f4f3e5 url(http://aquakop.ru/wp-content/uploads/2015/01/header-top4.jpg) 50% 0 no-repeat;padding-top: 480px;}

[Dizred]

А вместо чего или куда вставить это:

body {background: #f4f3e5 url(http://aquakop.ru/wp-content/uploads/2015/01/header-top4.jpg) 50% 0 no-repeat;padding-top: 480px;}

[satantx]

Заменить body в css

[Dizred]

Тогда у меня пропадёт градиент по бокам 

background: #f4f3e6 url(wp-content/uploads/2014/12/header-grad4.jpg) repeat-x; 

[Dizred]

Больше никто не знает как это исправить?

[mrnobody]

.header-bg img {

  min-width: 940px;

}

[Dizred]

.header-bg img {  min-width: 940px;}

 

Спасибо! Ещё кое-что к этому добавил и всё встало на свои места