不工作在Chrome后的CSS菜单伪元素

我创建了一个纯粹的CSS菜单，它在除Chrome和Safari之外的所有浏览器中都能很好地工作。菜单应该在右侧显示箭头，但它会移动到底部。不工作在Chrome后的CSS菜单伪元素

当我改变white-space: nowrap;到white-space: normal;它工作正常，在除Chrome和Safari所有浏览器，当我将它设置为white-space: nowrap;它显示箭头的底部

代码：jsfiddle

2013-05-10 Maximus

变化:after到:before。它仍然会正确地浮动，但是<li>本身不会创建新的块上下文。

2013-05-10 18:22:12

作品完美，但箭头稍微移动在右侧的Chrome。删除浮动：右固定箭头的位置，但它向左移动箭头 – Maximus 2013-05-10 18:32:12

@jason摆脱'宽度：8px' – 2013-05-10 18:43:07

完美，谢谢！不知道我是否应该在这里问第二个问题..你知道这个箭头的Unicode吗？http://img28.imageshack.us/img28/2006/unicode.png – Maximus 2013-05-10 18:51:23

回答