css - スプライト画像内の 1 つの gif 上矢印と下矢印の位置

Question

Polyglotのドロップダウン矢印を sprite-css 画像に置き換えました。上向き矢印は表示できますが、下向き矢印のホバー画像 (左下) は表示できません 。

#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 に切り取り、別の背景位置のスプライト画像に入れる必要がありますか?