CSS：停止列表項懸停在右邊？

Question

我有一個菜單，需要在懸停點上有虛線邊框，是否可以在懸停時將列表項右移到右側？

http://jsfiddle.net/mkTvp/

這將是一個CMS，所以我不能設置在李的

Answer 1

寬度給這個項目2px的透明邊框：http://jsfiddle.net/mkTvp/1/

Answer 2

只是一個邊框添加到原有的風格與背景顏色相同：

li { 
    display: block; 
    float: left; 
    padding: 3px; 
    border: 2px solid #fff; /*same as background color*/ 
} 

Example here。

Answer 3

a { 
    background-color: #F78F1E; 
    color: #fff; 
    display: block; 
    font-family: helvetica, sans-serif; 
    font-size: 0.688em; 
    font-weight: bold; 
    padding: 12px 12px; 
    text-decoration: none; 
    text-transform: uppercase; 
    width: auto; 

} 

li { 
    display: block; 
    float: left; 
    padding: 1px; 
    border: 2px solid white; /** Same as background-color */ 
} 

li:hover { border: 2px dashed #F78F1E;}