HTML + CSS!HELP

[Kegan]

Мне снова нужна ваша помощь!
У меня никак не получается изменить css, так чтобы фон был не только цветом, но и была картинка.

сайт

http://aniwar.ru/

[свернуть]

вот html код:

Код:

<div class="main-top-block">
          <div class="suns">
            Делитесь своим
            <span>
              Расскажите про что-то новое, добавив новость!
            </span>
          </div>

CSS:

Код:

.main-top{overflow: hidden;clear: both;margin: 0 0 10px 0;}
.main-top-block{padding: 0 10px 0 0;float: left;width: 25%;height: 120px;font-family: "PT Sans";color: #fff;text-transform: uppercase;} .main-top-block:last-child{padding: 0;}
.main-top-block div{padding: 10px;height: 100%;position: relative;text-align: center;font-size: 16px;}
.main-top-block span{display: block;position: absolute;bottom: 0;height: 50%;width: 100%;margin: 0 -10px;padding: 10px;text-align: left;font-size: 11px;}
.seas{background: #1BBC9B;}.seas span{background: #16A086;} 
.suns{background: #F1C40F;}.suns span{background: #F39C11;} 
.carrots{background: #E77E23;}.carrots span{background: #D25400;} 
.alizars{background: #E84C3D;}.alizars span{background: #C1392B;}

Собственно на сайте это 4 блока после headera, бирюзового, оранжевого, красного и жёлтых цветов! Помогите!

[Valerij]

Kegan,:before, :after псевдоэлементы CSS Вам помогут.

[easymisc]

возможно подойдет:
background: #ХХХХХХ url(ПУТЬ_К_КАРТИНКЕ);

[Vlad03]

есть

Код:

background-color
background-image

в чём проблема?

[Dolmatov]

Код HTML:

background: url("../img/bg.png") no-repeat scroll 0px 0px #000;

[Kegan]

Всем спасибо за помощь! Ошибка была с моей стороны. Пробовал всё что вы писали. Были проблемы с хостингом! Не заливались файлы на него! Спасибо за потраченное время!