我使用CSS构建了一个导航区域(它触发了javascript函数以显示一个子导航).我遇到的问题是我的空间有限,并且导航区域有点挑剔.

http://clients.sugarpillfactory.com/fce/wp/

我想知道是否有一种技术或方法来减少javascript或css中的点击区域？当前,我在鼠标悬停时使用图像“滚动”技术,在：hover上,我的图像(在下面被截断)滚动大约50像素以显示鼠标悬停状态.

例：

aboutButton{

display: block;
float:left;
width: 136px;
height: 49px; 
text-decoration: none;
border-style: none;
outline: none;
background-image: url(images/header_images/about_dual.png);
}

aboutButton:hover{

 background-position: 0 -49px;
}

任何建议,不胜感激.

-J