Vertical align a table inside a DIV using css

am tryin to vertically align a table enclosed inside a div to the bottom of the div. the html code looks something like this
<div id="div1" class="div_cell" style="width:150px; height:150px">
<table id="table1" class="section_A">
<tr>
<td>
<img id="image1" src="/images/1223.jpg" alt="">
</td>
</tr>
</table>
</div>

now my objective is to vertically align the table (table1) to the middle/bottom/top of the div (div1).

i have tried lots of stuff but with no success.... hope someone can help me out on this.

 

Have a look at Gary's vertically centering within a div: http://garyblue.port5.com/webdev/valign-css.html