Больше Webkit Fail

Question

Это продолжение моего предыдущего вопроса .

Мой код все еще здесь: http://jsfiddle.net/firelizzard/ASdMq/

In Chrome Beta (WebKit):

В Firefox (Gecko):

Gecko отображает этот код так, как я этого хочу.Опять же, что случилось с webkit?

EDIT: я забыл упомянуть, моя говядина с webkit является тот факт, что темно-серая область не по центру.

Answer 1

Сожалею, что HTML в вашем JSFiddle далек от оптимального. Вы действительно никогда не должны использовать таблицы для разметки. Они не только требуют кучу ненужной разметки, они запутывают программы чтения с экрана и поисковые системы и их сложнее стилизовать, чем «нормальные» элементы.

Вот современный взгляд на дизайн, который вы пытаетесь достичь: http://jsfiddle.net/UzPjW/

Я оставил комментарии в CSS, которые должны объяснить, что происходит.