4 menü elemanı için normal ve over hallerini birleşik tek imaj yaptıktan sonra boyutlandırmaya ve isteğine göre bunları butonlarına yarısı görünecek şekilde verirsen, ardında :hover 'a da background-position: bottom veya right şeklinde default değerin tersini vererek görselin görünmeyen kısmını aktif hale getirebilirsin. Bir çeşit maske operasyonu aslında bu.
#
menu li a { display:block; width: 130px; height: 48px;
background-position:top; text-indent: -1000px;}
#
menu li a:hover {
background-position:bottom; }
gibi..
Örnek istersen, yukarıdaki kod
www.eurekosigorta.com.tr sitesinde üst menü için kullanılmıiştır.