Kilo

А если помимо левой и правой картинки использовать ещё среднюю, например шапка с блоком будет иметь градиент. То как тогда будет выглядеть код блока состоящий из 3-х картинок, т.е. средняя должна тянуться.

Спасибо огромное что растолковали про 1 пиксель. На самом деле я думал что действительно чем меньше картинка тем легче будет браузеру. Если можно, выложите сюда код Вашего примера, а то ссылка не открывается. А на счет того что задаю на этом форуме столь простые вопросы, так не сочтите, с кем не бывает. Для чего тогда этот форум. Раньше плотнее занимался дизайном, но был перерыв почти в год, многое шагнуло вперед, я отстал и подзабыл. А сейчас вот сижу, кручу верчу этот блок и просто голову сломал на этих мелочах.

Требуется: Верхнее оранжевое изображение разделить на 3 части. Т.е. по краям фиксированная ширина по 10 px а посередине background 1 px который растягивается по заданной ширине. Нижняя рамка тоже из трех частей, фиксированный верх и низ а середина тянется. Между двумя объектами должно быть расстояние 3 px. Как это все грамотно сделать в CSS ? И что должно быть в HTML файле? Помогите новичку, уже голова кругом...