Probleme unter IE (allen versionen)

[MatthiasB]

Hallo,
Die eigentlichen Probleme sind gestern leider untergegangen. Nachdem ich nun gestern Abend alle Fehlermeldungen durchgegangen bin die mir gezeigt wurden, hat sich an meinem Problem nichts geändert. Allgemein hat sich nichts geändert^^.

Hier nochmal meine Probleme:

Unter allen IE:
-die mit jQuery erzeugten Fade Effekte der Bilder funktioniert nur bei den Bildern oben links und unten rechts. Die anderen wechseln ohne Effekt.
-Die Bilder rechts unten zeigen beim wechseln mit fade Effekt nur einen Ausschnitt des Bildes

Unter IE 7 und niedriger:
-ein ungewollter Rand auf der rechten Seite
-Das Suchformular lässt sich kaum noch anwählen (als ob es verdeckt währe)
-Footer rutscht scheinbar in den body (contentbereich)

Unter IE 8:
-Der komplette Container ist nach unten verschoben.

Ich benutze das jQuery Plugin innerfade.

Hier ein Ausschnitt aus der relevanten CSS Datei:

  
#limiter {  
       width: 650px;  
       height: 500px;  
       overflow: hidden;  
       position: relative;  
       left: 50%;  
       margin-left: -320px;  
}  
  
#wrapperIE {                /* Nur für Internet Explorer*/  
       position: relative;  
       left: 50%;  
       width: 650px;  
       padding-top : 0px;  
       margin-bottom: -25px;  
       padding-bottom: 45px;  
}  
#limiterIE {                /* Nur für Internet Explorer*/  
       overflow: hidden;  
       width: 650px;  
       margin-left: -555px;  
}  
  
ul {  
        list-style:none;  
}  
  
  
/* Listen */  
ul#lefttop li img{  
        display: block;  
        position: relative;  
        margin-top: 5px;  
        margin-bottom: 5px;  
        margin-left: 5px;  
}  
ul#righttop li img{  
        position: relative;  
        display: block;  
        margin-left: 405px;  
        margin-top: -232px;  
}  
  
... Für jede Liste...  
  
ul#middlebottom li img{  
        position: relative;  
        display: block;  
        margin-top: -964px;  
        margin-left: 210px;  
}  
ul#pay li img{  
       display: block;  
       position: relative;  
        left: 200px;  
        margin-top: -1375px;  
}  
...  
}  

Und hier der Aufruf:
Ich habe bereits etwas experimentier mit den Conditional Comments, dadurch konnte ich den Container immerhin mal zentrieren ^^, aber wirklich weiter komme ich nicht.

  
<!--[if lte IE 7]>  
<div id="wrapperIE">  
<![endif]-->  
  
<!--[if lte IE 7]>  
<div id="limiterIE">  
<![endif]-->  
  
<div id="limiter">  
        <ul id="lefttop">  
                <?PHP  
                include("inc.imagesklein.php");  
                ?>  
        </ul>  
  
         ....Für alle Listen...  
  
<!--[if lte IE 7]>  
</div>  
<![endif]-->  
</div>  

p.s.: Entschuldigt den Doppel Post(Verschiedene Darstellungsfehler unter allen IE Versionen), kann gelöscht werden.