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;}