CSS - Make content line up

[alqaatri]

I have 3 td tags which contain some text and a button after the text. I want the buttons to line up even if the td contains different amounts of text.I don't want to set a fixed height on the paragraph section because that will limit the amount of text that can be typed in. Is there a way to do this?Here's a screen shot of what it looks like:http://s23.postimage.org/cnp1f70vv/Untitled_1.jpgHere's the HTML code (Apologies):\[code\]<td width="300" valign="top" height="114"> <div class="imageTextOverlay_1">BOOK A VISIT</div> <a href="http://stackoverflow.com/visit-us.aspx"> <img width="300" height="136" alt="Visit Beaufort Court" src="http://stackoverflow.com/media/1281571/visit_us.jpg"> </a><h3>Visit Beaufort Court</h3><p>If you would like to find out more about wind energy, solar power, borehole cooling or biomass then come and visit us at Beaufort Court. We welcome schools, colleges, universities, professional bodies and community groups.</p><a class="imageButtonOverlay" href="http://stackoverflow.com/visit-us.aspx">Book Now >></a></td>\[/code\]Here is the CSS for the buttons:\[code\].imageButtonOverlay { background-color: #78A22F; border-radius: 5px 5px 5px 5px; color: #FFFFFF; float: right; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; margin: 5px 0 20px; padding: 5px 7px;}\[/code\]