градиентная заливка фона средствами CSS (без офнового рисунка) - Вопросы по CSS

народ, подскажите плз ... надо: заливка чтобы была градиентной - в центре сайта черный, а вправо и влево - уходят градиент в красный ...
... до сего момента решал эту проблемму фоновым изображением 1600*1px ... но качество такого решения не ахти ... есть еле-заметные вертикальные полосы по экрану (изменяющийся цвет)

... нашел на буржуйском сайте такое решение:
.myItem {
   background {
   type: vertical-gradient;
   top-color: red;
   bottom-color: black;
   start: 0%;
   end: 100%;
   }
}
... и заливка там ну очень красивая и чистая ... мой блок в template.css (шаблон feuerwehr_4_lernvid, Joomla 1.5.14) выглядит вот так изначально:
#wrapper {
   background-image: url('../images/bg.jpg');
   background-position:center top;
   background-repeat: repeat-y;
   width: 100%;
   margin: 0 auto;
   background-color: transparent;
   
}

... пробую его переделать .. .и нифига не получается ... помогите плз

http://css-tricks.com/css3-gradients/

спасибо, будем посмотреть )

http://gradients.glrzad.com/
Промотайте вниз страницы