XHTML / CSS: Почему Firefox портит мое горизонтальное меню с вкладками?

Question

Страница проблемы: http://www.antisit.com

Таблица стилей: http://www.antisit.com/styles.css

Есть идеи, как заставить это работать в Firefox? (Похоже, что изображение правой вкладки помещается под ссылкой, как будто для него недостаточно места в элементе привязки.

Кроме того, причина, по которой я использую два тега, заключается в том, что я предпочитаю использовать меньше данных изображения, чем иметь более точный код. Если у вас есть предложения по улучшению пути, дайте мне знать.

Спасибо, John

Answer 1

Вы можете попробовать эту разметку:

<a href="http://www.antisit.com/articles">
  <span class="left"></span>
  <span class="right"></span>
  Articles
</a>

В Firefox вроде бы отлично работает с firebug, хотя я нигде не пробовал. К сожалению, порядок не имеет значения, но иногда это имеет значение. (