IE7: вложенные встроенные элементы заставляют родителя работать как блок

Question

У меня есть ссылка, которую я обозначил значком и рамкой, похожей на кнопку.Работает нормально во всех браузерах, кроме IE7.Тег <a> с рамкой расширяется, чтобы заполнить ширину своего родителя - он действует как блок.Если я уберу значок, тег <b>, это нормально.

Примечания. И <a>, и <b> имеют display: inline-block, который должен поддерживаться в Exploder 7, поскольку они являются естественными встроенными элементами.Я попытался дать им стандартное исправление (zoom: 1, display: inline;) в моей таблице стилей ie7.Неудачно.Я пробовал каждую комбинацию увеличения, положения и отображения, о которой только мог подумать;Я просмотрел все виды постов;Любая помощь высоко ценится!

Вот jsfiddle: http://jsfiddle.net/aF894/

Answer 1

Удаление text-index: -9999px; заставит его работать.

В IE7 были некоторые странности с полями, которые необходимо учитывать, чтобы отображать его в IE7, как и в других браузерах. Однако это должно быть обработано в отдельной таблице стилей, которая выглядит так, как у вас.

Все еще будет работать в других браузерах.

http://jsfiddle.net/aF894/8/