Ошибка Google Chrome с фоном tr

Question

Я пытаюсь установить фоновое изображение для строки таблицы, но фон применяется ко всем его дочерним элементам td.

В IE7 есть та же ошибка, но она решается с помощью

tr {
    position: relative;
}

Любой намек на это?

Спасибо

Answer 1

Это единственное известное мне решение без использования JavaScript.Недостатком является указание высоты TR и TD, потому что TR позиционируется как абсолютный.Я также не уверен, как он будет вести себя в других браузерах.

<style>
    tr {
        position: absolute;
        background: url(http://www.google.com/intl/en_ALL/images/logo.gif) no-repeat;
        height: 200px;
        border: 1px solid #00f;
    }
    td {
        width: 200px;
        height: 200px;
        border: 1px solid #f00;
    }
</style>

<table cellpadding="0" cellspacing="0">
    <tr>
        <td></td>
        <td></td>
    </tr>
</table>