CSS 错误，鼠标悬停链接在 IE 中移动文本答案

【问题标题】：CSS Error, MouseOver Link Moves Text in IECSS 错误，鼠标悬停链接在 IE 中移动文本
【发布时间】：2013-11-25 22:10:30
【问题描述】：

我遇到了一个涉及 CSS 和 IE 的问题。在 IE (IE 9) 中，如果我将鼠标悬停/悬停在某些链接上，则会将文本向下移动。使用 Firefox 查看时不会发生这种情况。

如果您将鼠标悬停在“编辑”或“取消”上，则会将表格下方的文本永久向下移动。

我试过了：

您对如何解决有什么建议吗？

编辑：我会粘贴源代码，但这似乎会破坏 Stack Overflow 的显示方式。

【问题讨论】：

DOCTYPE 的东西.. 你试过不同的吗？
我尝试将其更改为简单的，但这并没有解决问题。我认为问题在于这个样式表中的 CSS：debtdispatch.com/sites/default/files/css/… 样式表是由内容管理系统 (Drupal) 自动生成的。我认为我需要覆盖该样式表中的某些内容，但我不确定它到底是哪一个。
我用 IE 9 模式测试过，效果很好。没问题。
无法重现您的错误
它在 IE8 中看起来很糟糕，抱歉没有 IE9.. 可能的建议 a) 从 a:hover 中删除 text-decoration: underline b) 尝试在 px 中修复字体大小和行高以测试元素 c ) 用 div 外的表进行测试，即没有高度限制

【解决方案1】：

看起来将display:inline-block; 放在包含表格的 div 上应该可以解决您的问题。我使用Sauce 测试了该页面并且能够重新创建该问题。我在另一个 stackoverflow thread 上找到了解决方案。

【讨论】：