Верстка шапки без таблиц - Вопросы по CSS

У меня такая проблема возникла - не хочу грузить шапку сайта одной картинкой, нужен вариант, когда хедер залит одним фоном, а по нему в нескольких местах разбросаны гифовые изображения с прозрачным фоном. К тому же, нерезаная шапка - дурное тон.
Когда гружу только одну картинку бекграундом поверх фона - все гуд. Но как грузить несколько в один слой или в несколько? Не знаю. Не хотелось бы делать через таблицы. Можно ли решить эту проблему в CSS с помощью слоев?
Хедер сейчас выглядит так:

#header {
   background: #FF0000 url(../images/kluv1.gif)no-repeat;
   height:220px;
   }

Но добавление следующей картинки сюда же невозможно.Или я ошибаюсь?

Если я правильно понял задачу.

Попробуйте сделать вложенные дивы.


#header {
   background: #FF0000 url(../images/kluv1.gif)no-repeat;
   height:220px;
   }

#header2 {
   background: #FF0000 url(../images/вторая картинка.gif)no-repeat;
   height:220px;
   }

В шаблоне, между тегами <div id="header"></div>, теперь вставте <div id="header2"></div>. Будет так:

<div id="header"><div id="header2"></div></div>

Для второго хедера можно играть с параметрами. Сейчас header2 будет сверху первого хедера. Если нужно наоборот, то вложите наобот.

Ой спасибо большое!!!Супер.Чувствовала же что все просто.

Ой спасибо большое!!!Супер.Чувствовала же что все просто.

Всё гениальное просто