Как растянуть изображение на 2 строки таблицы?

Question

Я пытаюсь разделить фоновое изображение на 2 строки таблицы, но это не похоже на работу.

Html:

<table id="branchTable">
 <thead>
  <th align="center">Tel.</th>
  <th align="center">Fax</th>
  <td rowspan="2" id="branch-logo"> d</td>
 </thead>
 <tbody>
  <td align="center">${_branch?.tel}</td>
  <td align="center">${_branch?.fax}</td>
 </tbody>
</table>

css:

#branch-logo {
    background-image: url(/public/images/logo.png);
    height:53px;
    width:100px;
    background-repeat: no-repeat;
    background-position: left;
}

Изображение, кажется, толкает ряд вниз и не охватывает его.

UPDATE

<table id="branchTable">
 <tr id="thead">
  <th align="center">Tel.</th>
  <th align="center">Fax</th>
  <td rowspan="2" id="branch-logo"> d</td>
 </tr>
 <tr id="tbody">
  <td align="center">${_branch?.tel}</td>
  <td align="center">${_branch?.fax}</td>
 </tr>
</table>

rowspan не работает между tbody и thead. Использование tr делает трюк.

Answer 1

Вы забыли свои <tr> в вашей таблице. Это, вероятно, то, что заставляет его плохо себя вести.

И, как говорит Скотт, вы используете logo в своем html и branch-logo в своем css.

Редактировать : Кроме того, я совсем не уверен, поддерживают ли все основные браузеры растягивание строк в ячейке над объектом и телом. Это займет некоторое тестирование.