[X] Помощник

[Power_mw Topic Starter]

Сверстал шаблон и заметил,что в Firefox текст заголовка на 1 пиксель ниже,чем в других браузерах. (см. скрин)
Как это исправить?

HTML:

<h3>
   <span>Archives</span>
</h3>

CSS:

@import url(reset.css);

body {
font: 14px/1.5 Arial;
background: url("../images/body-bg.jpg");
}

h3 {
background: url("../images/sidebar-title.png") repeat-x 0 8px;
color: #656565;
font-size: 14px;
font-weight: bold;
margin-top: 30px;
padding-left: 20px;
text-transform: uppercase;
}

h3 span {
background: url("../images/body-bg.jpg") repeat-x;
padding: 0 7px;
}

Эскизы прикрепленных изображений

 

[isvetlichniy]

попробуй установить line-height = 1 или line-height = равно размер шрифта, например line-height = 14px
для элементов h3, span

Замечание модератора: Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней. Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой или обратитесь к любому из модераторов.