Problem mit FF bez Darstellung von transformierten List-Objekten

[Deus Figendi]

Habe ich noch nicht ausprobiert (ausser Opera, der weder skrew noch transform noch filter kennt -.-), zuerst sollte die Website mal auf IE und dann auf FF laufen, wenn diese beiden (am weitesten verbreiteten) Browser mal funktionieren, kümmere ich mich um die anderen ;)

Wie C. schon sagte, schaffe deine Seite auf einem Standardkonformen Browser und passe sie dann "den anderen" (alias IE) an.
Am Ehesten bietet sich imho Opera an, weil das der Browser ist, der am Schnellsten und als erstes immer die Standards korrekt beherrscht. Alle anderen Browser versuchen es nur irgendwie ^^

Zudem ist deine Annahme falsch. Ich habe deinen Code in ein Dokument geworfen und mit Iron (Chrome) und Opera geöffnet, nachdem ich die Browser-Speziefischen CSS-Statements auf deren Engines gemünzt hatte:

-moz-transform: skewX(-45deg);  
        -o-transform: skewX(-45deg);  
        -webkit-transform: skewX(-45deg);  
        transform: skewX(-45deg);  
        filter: progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=-1, M21=0, M22=1, SizingMethod="auto expand");  
        -ms-filter: 'progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=-1, M21=0, M22=1, SizingMethod="auto expand")';

Ein Safari oder InternetExplorer steht mir gerade nicht zur Verfügung.
Und siehe da: Überall sieht es so aus wie im FF also vermutlich so wie es sein sollte.

Also ändere deine Seite am Besten so, dass sie in FF, Opera, Chrome, Safari und hastenichgesehen funktionier und dann korrigierst du die Fehler, die der IE da hinein baut.

Du hast nichts standard-unkonform gebaut soweit ich das sehen konnte, aber das Resultat, welches du erwartet hast entspricht nicht dem, welches dabei raus kommen muss.

Wie du die IE-Anpassungen dann machst ob mit CSS-Hacks (wie du schon benutzt hast) oder CCs oder noch anders ist mir persönlich völlig wurst, aber andere werden dir von ihren Ansichten vielleicht noch berichten :)