Problem z wyświetlaniem dynamicznego menu, nieprawidłowa kolejność warstw

[Koleś]

Witajcie. Programuję serwis randkowy, mam problem z CSS-em, już 3. raz podchodzę do tego i nie wiem jak rozwiązać. Jest lista ze znajomymi, po kliknięciu w przycisk pojawia się menu, tylko, że chowa się pod spód na każdej przeglądarce, nie wiem czemu.

Kod:

.friend
{
    position:relative;
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    /*float:left;*/
    z-index:2;
    width:135px;
    height:200px;
    margin-left:5px;
    background:url(../images/friendBg.png) center no-repeat;
}

.friendMenu
{
    display:none;
    position:absolute;
    overflow:hidden;
    z-index:3;
    bottom:-60px;
    left:12px;
    width:142px;
    height:57px;
    padding:10px;
    background:url(../images/friendMenuBg.png) center no-repeat;
    font-size:11px;
    font-weight:bold;
    color:#8a8a8a;
    text-decoration:underline;
}

http://koles.czest.pl/rozne/znajomiMenu1.jpg
http://koles.czest.pl/rozne/znajomiMenu2.jpg

Zwróćcie uwagę, że ustawiłem z-index tak, jak należy, natomiast

Kod:

display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;

to taki hack pod IE

Jakiś pomysł? Z góry dzięki za pomoc.