IE7: Margin-top negativo copre un link

[Lathspell]

Ciao a tutti ho una pagina con 3 div che creano l'instazione:
il primo div è il titolo del sito
il secondo è un menu orizzontale
il terzo ha un'immagine png di sfondo e contiene il titolo della pagina visualizzata.

Il menu ha un piccolo effetto rollover creato via css e il terzo div ha il margine superiore negativo. eccovi il css:

#menu a {
    color: #666;
    text-decoration: none;
    cursor: pointer;
    font-weight: bold;
}
#menu a:hover {
    color: #ff3399;
    text-decoration: none;
}
#logo {
    width: 700px;
    font-size: 30px;
    font-weight: bold;
    font-family: Arial;
    color: #ff3399;
    height: 44px;
    margin-top: -65px;
    padding-left: 150px;
    margin-left: 20px;
    padding-top: 90px;
    background: url("../images/top_azienda.png") no-repeat;
}

su ie6, ie5.5, firefox ed opera si vede bene ma su ie7 l'immagine di sfondo del div logo sembra coprire i link, cioè si vedono ma non sono cliccabili.
Dall'immagine si possono vedere i link del menu di colore nero, sono proprio quelli che sembrano venire coperti dal div logo (quello con l'immagine).