Usar div sobre células de uma tabela

[Fabiano Soares]

Bom pessoal meu problema é o seguinte.

To fazendo uma página para acompanhar o trabalho de mecânicos. Deve mostrar uma linha para cada mecânico e uma coluna para cada 5 minutos das 7:00 as 18:00

Para isso criai uma table onde cada coluna tem como o id o código do mecânico e a hora ex: id="99_07:30"

 

Agora quero posicionar uma div sobre as colunas que representam o tempo que ele trabalhou em uma tarefa.

Por exemplo o mecânico 99 trabalhou das 10:00 as 11:30. como colocar uma div sobre as colunas id="99_10:00" até id="99_11:30" da linha 99?

 

Ou melhor ainda, alguém conhece um opem source já pronto pra representar isso?

 

Obrigado!

 

Segue HTML de uma linha completa:

<tr id="248">
  <td>MARCOS ROBERTO MONTEIRO</td>
  <td id="248_07:00">07:00</td>
  <td id="248_07:05">07:05</td>
  <td id="248_07:10">07:10</td>
  <td id="248_07:15">07:15</td>
  <td id="248_07:20">07:20</td>
  <td id="248_07:25">07:25</td>
  <td id="248_07:30">07:30</td>
  <td id="248_07:35">07:35</td>
  <td id="248_07:40">07:40</td>
  <td id="248_07:45">07:45</td>
  <td id="248_07:50">07:50</td>
  <td id="248_07:55">07:55</td>
  <td id="248_08:00">08:00</td>
  <td id="248_08:05">08:05</td>
  <td id="248_08:10">08:10</td>
  <td id="248_08:15">08:15</td>
  <td id="248_08:20">08:20</td>
  <td id="248_08:25">08:25</td>
  <td id="248_08:30">08:30</td>
  <td id="248_08:35">08:35</td>
  <td id="248_08:40">08:40</td>
  <td id="248_08:45">08:45</td>
  <td id="248_08:50">08:50</td>
  <td id="248_08:55">08:55</td>
  <td id="248_09:00">09:00</td>
  <td id="248_09:05">09:05</td>
  <td id="248_09:10">09:10</td>
  <td id="248_09:15">09:15</td>
  <td id="248_09:20">09:20</td>
  <td id="248_09:25">09:25</td>
  <td id="248_09:30">09:30</td>
  <td id="248_09:35">09:35</td>
  <td id="248_09:40">09:40</td>
  <td id="248_09:45">09:45</td>
  <td id="248_09:50">09:50</td>
  <td id="248_09:55">09:55</td>
  <td id="248_10:00">10:00</td>
  <td id="248_10:05">10:05</td>
  <td id="248_10:10">10:10</td>
  <td id="248_10:15">10:15</td>
  <td id="248_10:20">10:20</td>
  <td id="248_10:25">10:25</td>
  <td id="248_10:30">10:30</td>
  <td id="248_10:35">10:35</td>
  <td id="248_10:40">10:40</td>
  <td id="248_10:45">10:45</td>
  <td id="248_10:50">10:50</td>
  <td id="248_10:55">10:55</td>
  <td id="248_11:00">11:00</td>
  <td id="248_11:05">11:05</td>
  <td id="248_11:10">11:10</td>
  <td id="248_11:15">11:15</td>
  <td id="248_11:20">11:20</td>
  <td id="248_11:25">11:25</td>
  <td id="248_11:30">11:30</td>
  <td id="248_11:35">11:35</td>
  <td id="248_11:40">11:40</td>
  <td id="248_11:45">11:45</td>
  <td id="248_11:50">11:50</td>
  <td id="248_11:55">11:55</td>>
</tr>