火线上的负边距换行问题（内联列表）

Question

我正在使用分隔符（仅限CSS）的垂直菜单上工作。要在悬停时隐藏这些分隔符，我尝试使用边框+负边距（取消边框）。但在Firefox上它会创建一个换行符......我该如何修复它？由于

http://jsbin.com/akazuf/1/edit（尝试在全输出）

诺塔：悬停将是黑色，红色是试验。

号决议在这里：Separators For Navigation :(

Answer 1

如果你不想换行都这样做，你可以添加white-space: pre;到#header .nav a风格

https://developer.mozilla.org/en-US/docs/CSS/white-space

编辑：更好的解决方案可能会切换边界方向（border-left至border-right,margin-right至margin-left：

#header .nav a { 
    border-right: 2px solid #000000; 
    font-family: 'Cuprum',sans-serif; 
    font-size: 14px; 
    padding: 0 25px; 
    text-transform: uppercase; 
} 

#header .nav .current-menu-item a, #header .nav a:hover { 
    background: none repeat scroll 0 0 #FF0000; 
    border-left: 2px solid #000000; 
    color: #FFFFFF; 
    margin-left: -2px; 
    padding: 14px 25px; 
    text-decoration: none; 
}