css - 向上箭头和向下箭头的位置最初在 Sprite 图像内的单个 gif 中

Question

我用 sprite-css 图像替换了Polyglot下拉箭头。我可以显示向上箭头但不能悬停向下箭头图像（左下角），因为它是单个 gif 图像： http ://www.bestjob.my/mod/LanguageSwitcher/images/arrow-down.gif

#polyglotLanguageSwitcher a.current:link span.trigger, #polyglotLanguageSwitcher a.current:visited span.trigger {
background: url(http://www.bestjob.my/mod/CSS/sprites/spriteme2b.png) no-repeat;background-position: 0px -37px; 
}

#polyglotLanguageSwitcher a.current:hover span.trigger, #polyglotLanguageSwitcher a.current:active span.trigger, #polyglotLanguageSwitcher a.active span.trigger {
background-position: left bottom !important;
}

有什么建议吗？我是否需要将向上箭头和向下悬停箭头切割成 2 个 png，然后放入精灵图像中以获得不同的背景位置？