Css position relative/absolute in td.

La prima cosa che devo ricordarmi assolutamente prima di strippare ancora con immagini che galleggiano per il browser è che


Firefox e Internet explorer vogliono le celle di una tabella con la proprietà

 display:block 

per interpretare correttamente le proprietà position (relative, absolute ecc)


Quindi



td.test{
   display:block;
   position:relative;
   border:1px solid blue;
   height:60px;
   width:150px;
}
td.test div{
   position:absolute;
   top:10px;
   left:20px;
   border:1px solid red;
   width:150px;
   height:30px;
}

<table>

   <tr>

     <td class="test">&nbsp;<br />

         <div>&nbsp;</div>

     </td>

   </tr>

</table>

Risulta così: