position: relative; doesn't work for table cells. Content positioned absolutely inside a table cell with
position: relative; will be positioned in relation to the nearest positioned ancestor outside the table, instead of the table cell itself.
<div style="position: relative;"> <p>Content outside the table</p> <table> <tr> <td>Normal table cell</td> <td style="position: relative;"><p style="position: absolute; top: 0; left: 0;">Positioned absolutely</p></td> </tr> </table>
Any idea if there's any way to get Firefox to honour
position: relative on the table cell?
just add a div as the first-child of the td, position the div relatively and have it take up 100% width and height of the the td, then you can position stuff absolutely inside the div :D