So, I have a table-cell where I display 2 divs. One I want at the top, one I want at the bottom.

I tried a few things but it wouldn't work quite as I wanted.

<table><tr><td><div style="position: relative;"><div>This should be at the top</div><div style="position: absolute; bottom: 0px;>Bottom text.</div></div></td></tr></table>

I have multiple columns, and so the first div usually doesn't fill out the height completely.

What would be cool was if you could do like
<p>This is regular text</p><p style="float: bottom">Bottom-stuff here</p> but I know float only supports horizontal positioning.

How's the usual way of doing this? (I wouldn't be surprised if it would be yet another css-hack..)