css - 在 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

有问题的 anchor 正在内联显示。 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;
}