Размещение div над строкой таблицы

Question

Как я могу расположить div над строкой таблицы внутри таблицы? Этот div будет размером строки, в которой он закончен, чтобы полностью покрыть его. Любая помощь приветствуется.

Вот что у меня есть:

<table>
  <tr style="position: relative;">
    <td>
      <div class="picturebox">
        <img src="img/avatar/avatar1.jpg">    
      </div>
    </td>
    <td class="agentname">
      Peter Edwards    
    </td>
    <td>
      45
    </td>
    <td>
      7
    </td>
    <td>
      $2,900 USD
    </td>
    <td>
      $1,100 USD
    </td>
    <td>
      $4,000 USD
    </td>
    <div style="position: absolute; background: #eee; width:100%; top: 10px;">Test</div>
  </tr>
</table>

Хммм... странно, когда я пытаюсь это здесь, это работает... должен быть другой элемент, где эта таблица мешает моему позиционированию...

Answer 1

Вы просто положили это поверх этого?

<table style="width:100%">
  <div>
      <tr>
        <td>Eve</td>
        <td>Jackson</td> 
        <td>94</td>
      </tr>
  </div>
</table>