IE : problema di posizionamento e rollover

[goodeep]

ciao a tutti!
come potete vedere, questo è il sito a cui sto lavorando:

http://www.gdp-portfolio.net/as/

e ci sono dei problemi di incompatibilità fra FF e IE. Inutile a dirsi, funziona bene in FF e non come dovrebbe in IE (6, ancora non lo testo sul 7).

I dueproblemi riguardano la barra del menu orizzontale.
1. in IE il rollout non funziona. il codice per ciascun bottone è: (ne riporto solo uno ma ovviamente, adattato, è il medesimo per ogni bottone):

#Bmenu1{
position : absolute;
top : 161px;
left : 175px;
width : 65px;
height : 35px;
background-image : url(img/Bmenu01.gif);
background-repeat : no-repeat;
cursor : pointer;
display : block;
}

#menu a:hover #Bmenu1{
background-image : url(img/Bmenu1.gif);
top : 157px;
}
html>body #menu a:hover #Bmenu1{
background-image : url(img/Bmenu1.gif);
top : 159px;
}

quindi, quando il mouse passa sul bottone, questo cambia e l'immagine visualizzata è quella del "bottone premuto". anche se funziona nei due browser, in IE non torna all'immagine originaria quando il mouse si allontana dal div (evento mouseOut).

2. L'immgine del bottone premuto, in IE, è fuori posto e non riesco a posizionarla a dovere.. ho provato a risolvere il problema con il trick della doppia intestazione "html>body" ma non funziona

qualche idea?
grazie in anticipo

gustavo

[goodeep]

non so come ho fatto a non pensarci prima.. beh, ho ridotto il codice all'osso e alla fine ho risolto uno dei problemi (il rollover "incastrato") lavorando semplicemente con i link <a> anzichè con i div.

cmq, rimane il problema, come potete vedere, che in explorer le immagini per il rollover sono fuori posto..
ogni aiuto sarà apprezzatissimo.
grazie!