Div larger than table cell

I am trying to have a div sit in a table cell. The div is larger than the table cell and I want the table cell not to resize, but to stay the same size as the div floats over the table. How can I manipul开发者_Python百科ate CSS and elements to do this?

Give your td the css position: relative;

Give your div the css position: absolute; top: 0px; left: 0px;

Here's a link to an example: http://jsfiddle.net/XLSXz/1/