У меня есть простой стиль для дизайна типа dropcap для тегов p в моем CSS.
p.introduction:first-letter {
float: left;
font-family: 'Times New Roman' , Times, serif;
font-size: 300%;
line-height: 1em;
margin-right: 0.08em;
margin-bottom: -0.25em;
}
Кажется, это работает нормально во всех браузерах, однако в Firefox у меня странное поведение.Письмо опускается в текст под ним.
Обычно я отлаживал бы его в Firebug, но вот странная часть - он не появляется в Firebug!Я действительно понятия не имею, что вызывает это.Я воспроизвел его в следующем jsFiddle.
http://jsfiddle.net/4zMex/
Мой стандартный браузер - Chrome.Это работает и в Safari, и в IE9.Только Firefox демонстрирует странное поведение.