Соответствует ли Chrome спецификациям таблицы CSS?

Question

Эй, я настраивал таблицу сгенерированных сервером с помощью CSS (я пытаюсь доказать, что элементы управления Telerick переоценены, но это другое обсуждение).

В любом случае, таблицы отлично смотрятся в IE8 и Firefox и оформлены в точности так, как я ожидал. Тем не менее, таблица выглядит как дерьмо в Chrome. Не поймите меня неправильно, Chrome - отличный браузер и то, что я обычно использую; однако в конкретном аспекте это может отсутствовать.

Так что, в основном, я спрашиваю: есть ли у Chrome проблемы с CSS и таблицами или я просто всасываю CSS (в то время как IE и FF правильно предвосхитили мою сочность)?

ОБНОВЛЕНИЕ: проблема заключается в том, что таблица (установленная на ширину: 100%) перекрывает свой родительский контейнер, который имеет границу до целого. Кроме того, строка пейджера внизу имеет свойство border top, установленное на «dotted», но оно твердое на одном из столбцов !?

/*-------------Grid------------*/ 
table.grid 
{ 
    width: 100%; 
} 

.grid tr th 
{ 
    background-color: #696969; 
    background-image: url('/Images/grid-bg.png'); 
    color: White; 
    height: 20px; 
    padding: 3px; 
    text-align: left; 
} 

.grid td, .grid th 
{ 
    border-right: 1px solid white; 
} 

.grid th a:hover, .grid th a:link 
{ 
    color: White; 
    text-decoration: none; 
    display:inline-block; 
    width: 100%; 
    height: 100%; 
} 

.grid th a:hover 
{ 
    background-color: #696969; 
} 

.grid tr.even 
{ 
    background-color: #EBF2FC; 
} 

div.grid 
{ 
    border: 1px solid #5D7FA6; 
    padding: 1px 0px 1px 1px; 
} 

.pager 
{ 
    border-top: 1px dotted #5D7FA6; 
} 

.data-row 
{ 
    height: 24px; 
} 

.grid tr.data-row:hover 
{ 
    color:White; 
    background-color: #5D7FA6; 
} 

Answer 1

Это все еще трудно точно сказать, что изменить, не видя test case.

Однако .. попробуйте box-sizing: border-box. См: https://developer.mozilla.org/en/CSS/box-sizing

Добавьте к этому то (table.griddiv.grid?):

-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box; 
box-sizing: border-box;