Изображение в <TD>не соответствует всей ячейке. (отлично работает в FF, но не в IE)

Question

Я пытаюсь добавить фоновое изображение для элемента следующим образом в CSS

CSS

.datebox {
    background-image: url("datebox.png");
    background-size: 100%;
    background-repeat: no-repeat;

}

JSP

<td class="datebox" valign="top"> <Table>......</Table> </td>

Когда я смотрю в FF, он отображается нормально. Но в IE изображение не заполнено полностью в ячейке.

Большое спасибо за вашу помощь заранее.

Answer 1

Размер ячейки не будет автоматически изменяться до размера ее фонового изображения. Чтобы убедиться, что размер ячейки совпадает с размером изображения, примените размеры изображения к вашему .datebox, например

.datebox {
    width: 100px;
    height: 70px;
}

Answer 2

Размер фона на самом деле не поддерживается в IE8 и менее - см. MSDN IE Таблица совместимости