Problem mit UL

Die "Leerfelder" entstehen anscheinend dadurch, dass die Bilder nicht gleich hoch sind. Wenn sich in einer Zeile ein höheres Bild befindet, wird das erste Bild eine Zeile drunter erst dahinter angezeigt.

Die höheren Bilder haben unten und oben jeweils einen schwarzen schwarzen Streifen - es scheint mir so, dass sie ohne Streifen gleich hoch wären wie die anderen Bilder? wenn du die Bilder zurechtschneidest, könnte sich das Problem dadurch vielleicht schon lösen. Andernfalls würde ich den <li>, welche die Bilder enthalten, eine feste Höhe zuweisen

aber wenn man im IE das ganze anschaut, dann verschiebt sich immer das letzte Bild der ersten Zeile bei gleichem Syntax.

Das konnte ich jetzt nicht nachvollziehen - um welche IE-Version handelt es sich und bei welcher Bildschirmauflösung tritt das Problem auf?

Mit der Kompatibilitätsansicht wird der IE8 dazu gebracht, die betreffende Webseite wie der IE7 zu rendern. Dieser macht eigentlich nur Sinn bei Webseiten, die auf das kaputte Rendering älterer IEs zugeschnitten sind.

Du könntest noch probieren, ob du mit dieser Angabe den Standard-Modus erzwingen kannst:

<meta http-equiv="X-UA-Compatible" content="IE=9">

Das geht wohl auch - siehe auch diesen Artikel (momentan ist die Seite leider down):

http://aktuell.de.selfhtml.org/weblog/kompatibilitaetsmodus-im-internet-explorer-8

Ich würde es aber nicht empfehlen, ein Layout am IE8 im Kompatibilitätsmodus auszurichten, da es dann leicht zu Darstellungs-Problemen in anderen Browsern kommen könnte.