Caroline, вы создали картинку категории высотой в 205 пикселей, при этом наказали ей отображаться, начиная с верха, значит, если вы попытаетесь задать размеры контейнера под заголовок категории меньше, чем высота картинки, обрезаться картинка будет снизу, потому что вы прямо прописали, что отображение верха картинки приоритетно.
Следовательно, либо переводите фокус приоритета отображения картинки категории на ее центр или даже низ, и тогда можно не менять картинку, а лишь уменьшить высоту контейнера под нее, либо переделывайте картинку, чтобы она занимала адекватную высоту:
#pun-category2.category h2 {
background: url("http://funkyimg.com/i/E5r5.png") no-repeat scroll center top → bottom transparent;
height: 205 → 155px;
font-size: 0px !important;
}
То же самое и для статистики:
#pun-stats h2 {
background: url("http://funkyimg.com/i/E5Tv.png") no-repeat scroll center top → bottom transparent;
height: 170 → 155px;
font-size: 0px !important;
}
Заодно исправьте (цифры, потому что длина картинки больше и она не вся вмещается в расширенные до этого, указанного ранее значения поля):
#pun-index .category h2, #pun-stats h2 {
width: 945 → 955px!important;
margin-left: -50px;
}
Синее заменить на красное и добавить зеленое