Vertical-align bottom issue

I know the vertical-align attribute behaves differently for table cells and divs, but I've always had issues with it.

On this page:
http://www.grimm-aerosol.ca/

In the red dotted bordered div, I want the content to be aligned to the bottom vertically so it meets with the edge of the left photo frame.

Is there an easy way to do it without resorting to table? I've been trying to leave tables out of my designs entirely lately.

Thank you!

Your link isn't loading up for me.

The DNS are having issues atm, if you refresh once or twice it'll load.

I'm not even sure what the problem is, I'm hosting about 12 other sites on the server without issue, but this domain was bought with netfirms and it took 48hrs for new DNS to propagate. Really ****ty.

It still not load.

Here you go...
<div class="latestnews">
<div>
<h1>Latest News</h1>
<p>Our new website has been launched. Grimm Aerosol will be present at the NAME conference in Calgary on DATE.</p>
<br>
<p>Our particulate rack mount monitor are currently a candidate for US EPA, PM 2.5, Class III,
equivalent method designation.</p>
</div>
</div>
div.latestnews{
position:relative;
}
div.latestnews div{
position:absolute;
bottom:0;
left:0;
}