IE7：嵌套的内联元素导致父级行为像块一样

Question

我有一个链接，该链接已使用图标和边框进行样式设置，看起来像一个按钮。 在除IE7之外的所有浏览器中都可以正常工作。 带边框的<a>标签正在扩展以填充其父级的宽度-它的作用就像一个块。 如果删除图标<b>标记，就可以了。

注意： <a>和<b>都具有display：inline-block，在Exploder 7中应受支持，因为它们自然是内联元素。 无论如何，我还是尝试在我的ie7样式表中为他们提供标准修复（缩放：1，显示：内联；）。 没运气。 我已经尝试了所有可以想到的缩放，位置和显示组合； 我浏览了各种帖子； 任何帮助深表感谢！

这是jsfiddle： http : //jsfiddle.net/aF894/

Answer 1

删除text-index: -9999px; 将使其工作。

IE7的边距有些奇怪，您需要考虑到使其与其他浏览器一样在IE7中显示。 但是，应该在看起来像您自己的单独样式表中进行处理。

在其他浏览器中仍然可以使用。

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