Dies ist eine Folge zu meinem previous question.Mehr Webkit Fail
Mein Code ist hier nach wie vor: http://jsfiddle.net/firelizzard/ASdMq/
In Chrome Beta (WebKit):
In Firefox (Gecko):
Gecko rendert diese Code wie ich es will. Nochmal, was ist mit Webkit los?
EDIT: Ich habe vergessen zu erwähnen, mein Rindfleisch mit Webkit ist die Tatsache, dass der dunkelgraue Bereich nicht zentriert ist.
Es tut mir leid zu sagen, dass der HTML-Code in Ihrem JSFiddle bei weitem nicht optimal ist. Sie sollten wirklich nie Tabellen für das Layout verwenden. Sie benötigen nicht nur eine Menge unnötiger Markups, sie verwechseln Bildschirmleseprogramme und Suchmaschinen und sind schwieriger zu stylen als "normale" Elemente.
Hier ist eine moderne Version des Design Sie versuchen zu erreichen: http://jsfiddle.net/UzPjW/
Ich habe links Kommentare in der CSS, die erklären sollte, was los ist.
Der Grund, warum ich eine Tabelle verwendete, ist, weil auf meiner Website jede Ecke und das Rechteck auf der Oberseite Bilder enthalten. Ich werde sehen, ob ich deins bekommen kann, um mit meinen Bildern zu arbeiten. Die Eckbilder sind 12x12. –
Das ist wirklich kein Grund, einen Tisch zu benutzen. Ändern Sie einfach die Breite/Höhe auf 12px (es passt nicht mehr zum inneren Rand, was 10px ist) und geben Sie Hintergrundbilder. Bearbeiten: Beispiel mit Bildern und 12x12: http://jsfiddle.net/UzPjW/1/ – powerbuoy
[This] (http://jsfiddle.net/firelizzard/zgwGZ/) ist was ich versucht habe zu erreichen. –