詳細Webkitの失敗

これは私のprevious questionのフォローアップです。詳細Webkitの失敗

私のコードはまだここにある：クロームベータ版（WebKitの）でhttp://jsfiddle.net/firelizzard/ASdMq/

：Firefoxの（ゲッコー）で

Webkit Rendered

：

Gecko Rendered

Geckoはこれをレンダリングしています私がそれをどのようにしたいかをコード化する再び、Webkitには何がありますか？

編集：忘れてしまったことに、私の牛肉はウェブキットで、暗い灰色の領域が中央にないという事実です。

JSFiddleのHTMLが最適ではないと申し訳なく思っています。あなたは本当にレイアウトのためにテーブルを使用するべきではありません。不要なマークアップが必要なだけでなく、スクリーンリーダーや検索エンジンを混乱させ、「通常の」要素よりもスタイルを設定するのが難しくなります。

ここではあなたが達成しようとしている設計上の近代的なテイクがあります：http://jsfiddle.net/UzPjW/

私は何が起こっているかを説明しなければならないCSSのコメントを残してきました。

2012-04-03 01:14:50 powerbuoy

私はテーブルを使用していた理由は、私のウェブサイト上の各コーナーと上部の矩形に画像があるからです。私は私のイメージで作業することができるかどうかを確認します。角の画像は12x12です。 –

それは本当にテーブルを使用する理由ではありません。幅/高さを12pxに変更してください（これは内側の境界線にはもう10pxですが一致しません）、背景画像を与えます。編集：画像と12x12の例：http://jsfiddle.net/UzPjW/1/ – powerbuoy

[This]（http://jsfiddle.net/firelizzard/zgwGZ/）は私が達成しようとしていたものです。 –

答えて