不工作在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

回答