Baggrundsbillede bliver beskåret!! ?

Hej eksperter.
Jeg har lavet en vandret menu på min hjemmeside, hvor jeg bruger nogle billeder som ikoner. Ikonerne er alle 32x39px store. Mit problem er at ikonerne bliver skåret af i top og bund! Kan nogen give mig et hint om hvor der kan være problemer?


<ul class="primary_nav1">
<li class="menu-219 first"><a href="/musik" title="Musik" class="menu_icon menu-219">UNDERVISNING</a></li>
<li class="menu-223"><a href="/kalender" title="Kalender" class="menu_icon menu-223">KALENDER</a></li>
<li class="menu-222"><a href="/tilmelding_og_priser" title="Tilmelding og priser" class="menu_icon menu-222">TILMELDING/PRISER</a></li>
<li class="menu-145"><a href="/om_musikskolen" title="om Musikskolen" class="menu_icon menu-145">OM MUSIKSKOLEN</a></li>
<li class="menu-384"><a href="/image" title="" class="menu_icon menu-384">GALLERI</a></li>
<li class="menu-147 last"><a href="/mgk" title="MGK">MGK</a></li>
</ul>    </div>

style for Galleri. De andre styles er ens, bare med forskelligt billede.:
.menu-384, ul.links li.menu-384 {
position: relative;
background-image: url(http://testserver.lfweb.dk/sites/default/files/menu_icons/menu_icon_384.png);
padding-left: 26px;
padding-top: 0px;
padding-bottom: 0px;
background-repeat: no-repeat;
background-position: -4px -11px;
border: none;
margin-top: 0px;
height: 69px;
z-index: 2;
}

mvh Lars