Вопрос по верстке

Имеются блоки разной ширины и высоты. Нужно поставить на них фон градиент. Я вырезал кусок из изображения 50x100px
для невысоких блоков я пишу в css
background: url(../images/header-bg-grad.jpg) repeat-x;
а как быть с высокими? как растянуть это изображение по вертикали + сделать повторение по горизонтали?

Примечание:
Это, конечно, хорошо, но не кроссбраузерно. Мне нужно именно изображение растянуть. Есть такая возможность?

Примечание:
А нельзя по другому поступить?
background: url(../images/header-bg-grad.jpg);
background-size:cover; // и вместо высоты в 100 пикселей сделать высоту, например, 800 пикселей.
браузер будет его сжимать по высоте?

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.