Проблема с отображением фона в CSS - Joomla 1.5, Шаблоны: Как сделать ...

Проблема с отображением фона в CSS. Верстаю резиновый шаблон для Joomla 1.5, фон сайта отображается, футер тоже, а фон для шапки и для контента никак не хочет отображаться. В чём ошибка? Подскажите.

Ниже привожу содержимое style.css

#wrapper {
   width: 100%;
   min-width: 1000px;
   min-height: 100%;
   height: auto !important;
   height: 100%;
   
}

#fon {
   width: 100%;
   height: 100%;
   background: url(images/fon1.jpg);
   background-repeat: repeat-x;

}

/* Header
-----------------------------------------------------------------------------*/
#header {
   width: 100%;
   height: 100%;;
   background-image: url('images/header_bg.jpg') center;
   background-repeat: no-repeat;
   background-position: center;
   
   
}


/* Middle
-----------------------------------------------------------------------------*/
#content {
   padding: 0 0 104px;
   background-image: url('images/content_bg.jpg') center;
   background-repeat: no-repeat;
   background-position: center;
}




/* Footer
-----------------------------------------------------------------------------*/
#footer {
   margin: -104px auto 0;
   min-width: 1000px;
   height: 104px;
   width: 100%;
   background-image: url(images/footer1.png);
   background-repeat: repeat-x;
   
}

Это что?

Относительные размеры шапки

во-первых ошибка height: 100%;; - одна ; лишняя
во вторых получается шапка растягивается у вас на весь экран
и к CSS хорошо бы было приложить HTML разметку блоков

Еще у вас пути к картинкам странные
background: url(images/fon1.jpg); тут так
background-image: url('images/header_bg.jpg') center; тут в одинарных ковычках
если вы делаете шаблон то пути к картинкам стоит прописать так - url(../images/header_bg.jpg)

  background-image: url('images/header_bg.jpg') center;
без center. если уж взялись так писать  есть background-position
но, кошерней все стили уложить в background: ;