[Ryuzaki]

Итак сразу приступлю : хочу сделать блоки на сайте вот так -

Развернуть текст

[свернуть]

Но дело в том что блок который со стрелочкой указан в <h6> , и это создает все больше путаниц.

H6 в css

h6 {background: url(../images/block-header.png); font: bold 1.1em/31px Tahoma, Geneva, sans-serif; color: #dfdfdf; text-align: center; height: 33px;}.block {background: url(../images/block.png) repeat-y 50% 0px; font: 1.1em/1.27em Tahoma, Geneva, sans-serif;}
.block-wrap {background: url(../images/block.png) no-repeat 0px 0px;}
.block-wrap-2 {background: url(../images/block.png) no-repeat 100% 100%; padding: 19px 25px 19px 33px;}

[свернуть]

Сейчас стоит вот такой вид -

Развернуть текст

[свернуть]

Все категории стоят под тегом <h6> ( <h6>Категории файлов</h6>)
Итог если вы не поняли : Хочу поставить другие блоки под блоками h6 , но незнаю как реализовать.
Ах да , и еще иногда когда обновляю страницу , эти блоки не появляются , заодно спрошу с чем это связано.

[Cold_less]

Можно сделать списком все заголовки h6 и для первого элемента списка применить псевдо-класс :first-child