鼠标上的选择性边框在msie中移动

Question

我的以下css代码在msie中不起作用。

#block a {
   border-right: 2px none #eee;
   border-bottom: 2px none #eee;
}

#block a:hover {
   border-right: 2px solid #eee;
   border-bottom: 2px solid #eee;
}

在msie中，只会正确显示右边框。底部边框完全不可见。其他浏览器工作正常。

任何人都可以帮助我，让它在msie中正确显示吗？

演示网站是http://mmjd.com（鼠标移到右侧的文字上）

Answer 1

正在显示有问题的锚点。 IE无法识别整个宽度和高度。

设置display:block;会解决此问题。

#block a {
   border-right: 2px none #eee;
   border-bottom: 2px none #eee;
   display:block;
}

#block a:hover {
   border-right: 2px solid #eee;
   border-bottom: 2px solid #eee;
}