В чем дело? Резиновый шаблон катается по экрану

[Maks0n]

Выручайте бьюсь уже 3-и дня не понимаю, что нужно дописать в css что бы меню с картинками не уезжало при изменении разращении окна браузера?

бэграунд имедж задаю 100% и всё меню с картинками поехало.

сайт http://babiole-shop.ru/

Тоесть если смотреть через компьютер и не играть с разрешением, то все отлично, но как только я начинаю смотреть с телефона, или просто уменьшая разбер окна браузера, то сначала картинка ребёнка, а потом образовывается белое пространство и дальше уже идёт меню. Я понимаю, что это из-за того что картинка уменьшается в размерах

[Maks0n]

Как говорится одна голова хорошо, а 2-е еще лучше. Некий Нарэк с этого форума помог мне в решении этой задачи, подсказав вставить картинку без бэкраунд имэйдж. Вот что я прописал в коде. Все получилось, прям хедер.пхп, вставил код img src задал размеры картинки, а стили, типа позиции и высота дива, задал в css, изображение конечно искожается при изменении размера, но для меня это не так страшно как белое пространство.

[ShumNo]

Белиберда в коде. Проверьте валидатором и он вам скажет, что у тегов li должен быть родитель тег ul

 

Хотите чтобы при уменьшении разрешения 4 блока были всегда горизонтальны и не прыгали на след строку из-за нехватки места? - дайте им ширину в % и будет вам счастье