CSS错误,MouseOver链接在IE中移动文本

时间:2013-11-25 22:10:30

标签: html css internet-explorer drupal drupal-7

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

示例位于以下链接:http://www.debtdispatch.com/list_item_error.html

如果您将鼠标悬停在“编辑”或“取消”上,则会永久移动桌面下方的文字。

我试过了:

  • 使用W3C验证程序验证页面并更正所有错误 结果
  • 向表格添加样式
  • 向链接添加样式
  • 强制使用IE 7兼容性视图

您对如何修复有任何建议吗?

编辑:我会粘贴源代码,但这似乎搞乱了Stack Overflow显示的方式。

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:-1)

尝试CSS重置

 *{
   margin:0;
   padding:0;
  }

a{
    margin:0;
    padding:0;
 }
 #(yourdivID){
  overflow:auto;
  }