在Firefox中透明边框上出现不受欢迎的轮廓

Question

我在http://jsfiddle.net/ngChu/

设置了一个示例

使用div:after选择器并使用顶部和底部具有透明色的边框时，Firefox似乎会创建一个不需要的轮廓。此大纲在Safari / Chrome中不可见。

编辑：期望的外观是看不到大纲。

我已经看到了一些与此问题相关的帖子，但我想知道是否可以更好地解决我的具体问题。

Answer 1

通过评论中描述的推荐技术尝试edited jsFiddle。