Конфликт между высотой строки и фактической высотой при использовании курсива

У меня следующая проблема:

У меня есть элемент диапазона с высотой строки 18 пикселей и размером шрифта 16 пикселей. Это отлично работает, когда текст внутри не выделен курсивом; ширина диапазона остается 18 пикселей.

Проблема возникает, когда текст внутри диапазона выделен курсивом или полужирным шрифтом. По какой-то причине высота элемента span добавляет один пиксель, и я получаю диапазон высотой 19 пикселей.

Эта проблема возникает только в Firefox. IE, Safari, Opera и Chrome не имеют этой проблемы. Размах остается 18 пикселей в высоту, несмотря ни на что.

Была ли у кого-нибудь раньше эта проблема?

Это оскорбительный код:

span
{
  font-size : 18px ;
  line-height : 18px ;
}

span.italicSpan
{
  font-style : italic;
}

Вот пример:

http://edincanada.co.cc/test/shjs-0.6/test7.html

Пожалуйста, проверьте другие браузеры, если хотите. Вы заметите, что элементы span имеют высоту 18 пикселей, так как они должны соответствовать line-height: 18px