做一个形象的CSS菜单栏的开关位置

Question

所以在这里我试图设置一些图片是我的菜单栏（在头），样本图像：

的想法在页面加载时，仅显示图像的上侧，但是当图像处于鼠标悬停状态时，图像将仅切换到底侧。这怎么可能？ 这里就是我试图做的，但它不工作：

.from 
{ 
width: 100%; 
list-style: none; 
height: 63px; 
} 
.from:active, .from:hover 
{ 
background-position: 0px -63px; 
} 
.from:current 
{ 
background-position: 0px 0px -63px; 
} 

任何想法如何正确地做到这一点？请注意，我更喜欢它在div标签而不是ul标签。哦，脱离主题，我也考虑在twitter引导程序上实现它，任何关于这样做的好建议？

Answer 1

.from .from-1 a.current 
{ 
background-position: 0px 0px ; 
} 

在px中有两个参数的背景位置。