【发布时间】：2011-07-17 06:49:19
【问题描述】：
我正在尝试创建一个菜单栏，该菜单栏将包含一系列水平布局的图标和文本。我使用无序列表作为容器，但我遇到了问题。所有不包含文本的菜单项，只是一个带有背景图像的空锚标记，内嵌显示就好了。
但是，每当我尝试使用文本而不是背景图像作为菜单项时，文本列表项就会向下滑动。您可以在 JSFiddle 上看到此示例，请务必滚动每个项目以查看背景颜色指示器的行为：http://jsfiddle.net/pAfgm/6/。
请注意每个带有地球图标的链接（是的，我在此示例中从 Facebook 热链接）显示得漂亮而整洁。然而，文本和它的背景指示器是不对齐的。我看到 FF 3.6、Opera 11 就是这种情况，但 IE7 不是这种情况！这一次，IE7 没有其他浏览器存在的问题。
有人可以告诉我如何解决这个问题吗？
感谢您的宝贵时间！
【问题讨论】：
标签： css internet-explorer firefox cross-browser opera