Overflow in a grid cell, cut off

Has anyone got a method to allow the overflow of content in a cell of a grid to be able to display?

I have a custom cell template that has a bunch of div's etc inside of a cell and i purposefully want that content to overflow the cell. It works fine in overflowing to the right of the cell (over the next column), but content that would overlap/overflow the next row is always cut off.

I have tried z-index tricks on the main div inside the cell, as well as using obj.setStyle("overflow", "visible");

Any ideas how to stop the content from being cut off?

just in case anyone else runs into this, here was my solution:

add this style:

.aw-grid-row {overflow:visible !important;}

the difference here being that it was the row that needed the overflow visible, not the cell.