Размытая шапка

Не могу понять почему, но на этом форуме размыта шапка. Почему!? Вставляю шапку на другой сайт, все в порядке. А тут ну ужас. Уже 3-я шапка, и размыта... Сами шапки делаю сама. При просмотре на компе все ок.

Она у Вас растягивается согласно настройкам CSS. Собственный размер картинки — 640*226
А при увеличении до размеров 1080*385 она теряет четкость.
Уберите из CSS фрагмент:

Код:

#pun-logo img {
width: 102%;
}

вот что пишит:
Ошибка

Обнаружена ошибка
Мы сосчитали различное число "{" и "} ". Это означает, что ваш CSS может быть недействительным и не будет показан правильно на вашем форуме.

Мы советуем вам перечитать ваш код.

Код:
/*Логотип*/
#pun-logo img {
width: 80%;
}
margin-bottom:0em;
margin-left: -1em;
margin-right: -1em;
margin-top:-0.7em;
border:#6CE5FA 3px double;
}


Если я убираю то, что вы написали, то шапка становится оч маленькой... хотя она такого же раздела как у меня на форуме http://women-secrets.sosbb.ru/forum

Так вы убрали??

Код:

#pun-logo img {
width: 102%;
}

____________________
Вот сейчас я захожу на ваш форум и у вас там всё в порядке.

Если я убираю то, что вы написали, то шапка становится оч маленькой

Потому что она такая и есть:


Сделайте изначально большую шапку — 1200*400, например — а только потом подгоняйте ее через CSS под ширину форума.

/*Логотип*/
#pun-logo img {
width: 80%;
}
margin-bottom:0em;
margin-left: -1em;
margin-right: -1em;
margin-top:-0.7em;
border:#6CE5FA 3px double;
}

К чему относится зеленый код? Это огрызок с закрывающей скобкой.

все, спасибо, разобралась=)