Kompatibilität IE MAC und PC

[Stephan Ricker]

Hallo zusammen,

ich ringe schon seit einiger Zeit mit einem Problem.
In diesem Forum und auch anderen Ressourcen habe nichts dazu gefunden,
deshalb hier meine Frage:

Ich baue für eine Designagentur eine Site für einen Kunden.

Die Anforderungen sind:

• Viele Gimmicks/Mouseover...
• Lauffähigkeit nur unter IE > 5.0

Nun habe ich einige Hover-Effekte und CSS-Formatierungen eingebaut, die mit allen PC-IEs >5.0 funktionieren.
Allerdings hat die Agentur IE 5.x auf MAC. Dieser zeigt

• den Hover ueber die Tabellenzellen nicht (Beispiel 1)
• nur normale Links (mit Unterstreichung, ohne die passende Farbe, ...) aus 2)
• die unter 3) angegebene Tabelle nicht zentriert an

Wer hat schon mal aehnliche Probleme bei dem Zusammenspiel MAC und PC IE gehabt?
-> Netscape ist wie oben gesagt aussen vor (die Sinnhaftigkeit soll auch an anderer Stelle diskutiert werden ;-)

Gruss
Stephan

Beispiele:
(gesamte Site (Testversion) unter
http://www.immobilienboerse-haltern.de/dachboden2 oder
http://www.immobilienboerse-haltern.de/dachboden )

1. ---

HTML:
<table class='menu' cellspacing='0' cellpadding='0' >
  <tr>
    <td class='menu1'>
      <img src='../images/transparent.gif' width='1' height='17'>
      <a href=test.htm>Menu link here</a>
    </td>
CSS:
.menu A:hover{
 background-color: #00529C;
 color: #FFFFFF;
 font-weight : normal;
 font-style: normal;
 text-decoration: none

}

2. ---

HTML:
 <tr class="navitab">
                      <td> <img src="../images/transparent.gif" width="17" height="8">
                      </td>
                      <td class="navigation1">
                        <ilayer>
     <layer visibility=show>
                            <span onMouseover="dropit(event, 'dropmenu0');event.cancelBubble=true;return false">
                              <a href="#" onMouseover="if(ns4) return dropit(event, 'document.dropmenu0')">Produkte</a>
                            </span>
                          </layer>
   </ilayer>
                      </td>
CSS:
TR.navitab{
 vertical-align : top;
 height=5px;
 font-size: 3px

}
TD.navigation1{
        font-size: 12px;
        color: #657989;
 text-align: left;
 height=5px
}
A:link {
 color: #00529C;
 font-style: normal;
 font-weight : bold;
 text-decoration: none
}

3. ---

HTML: (100% Tabelle zentriert)

<table class="aussen" cellpadding="0" cellspacing="0" border="0">
  <tr>
      <td>
        <table class="innen" cellpadding="0" cellspacing="0" border="0">
          <tr>
CSS hierzu:
TABLE.aussen {
 height: 100%;
 width: 100%;
 vertical-align: middle;
 align : center;
 text-align: center
}
TABLE.innen {
 text-align  : center;
 vertical-align: middle;
 border : 0px
}