HTML+CSS+JavaScript

Здравствуйте.

Подскажите как решить такую проблему. В средней колонке надо поместить 3 изображения, 1 должно находиться в верху, 2 других в низу, т.к правая и левая колонка могут изменяться по высоте, пытался вставить таблицу с высотой 100%, но в explorore не работает(

<table style="width:100%; height:100%" cellpadding="0" cellspacing="0" border="0"> <tr> <!-- Top --> <td style="width:100%; height:153px;" class="table_1_1"> <table style="width:100%" cellpadding="0" cellspacing="0" border="0"> <tr> <td style="width:1px;"><img width="1" height="153" src="images/spacer.gif" alt="" border="0" /></td> <td style="width:70px; padding-left:10px; padding-top:8px;" valign="top"><img src="images/12.jpg" alt="" border="0" /></td> <td class="table_1_2"> <table style="width:100%;" cellpadding="0" cellspacing="0" border="0"> <tr> <td colspan="4" style="padding-top:32px;"><img src="images/14.gif" alt="" border="0" />h</td> </tr> <tr> <td style="width:169px;"><img width="169" height="1" border="0" src="images/spacer.gif" alt="1" /></td> <td style="width:66px;"><img src="images/16.gif" alt="1" /></td> <td><img src="images/17.jpg" alt="" border="0" align="right" /></td> </tr> </table> </td> </tr> </table> </td> <!-- /Top --> </tr> <tr> <td> <table style="width:100%;" cellpadding="0" cellspacing="0" border="0"> <tr valign="top"> <td style="width:250px;">dfdf</td> <td style="width:66px; background-image:url(images/BG.jpg); background-repeat:repeat-y;"> Сдесь нужно поместить 3 изображения, 1 прижимается к верху, 2 остальных прижимаются к низу. </td> <td><p>dfd</p> <p>das</p> <p>d</p> <p>as</p> <p>d</p> <p>as</p> <p>d</p> <p>asd</p> <p>as</p> <p>d</p> <p>as</p> <p>d</p> <p>as</p> <p>dasd</p> <p>a</p> <p>sd</p> <p>as</p> <p>da</p> <p>fd</p> <p>g</p> <p>fd</p> <p>gd</p> <p>fg</p> <p>&nbsp;</p></td> </tr> </table> </td> </tr> </table>

Попробуйте прописать height="100%" не только вложенной таблице с картинками, но и внешней (с тремя колонками которая).