符合/不符合垂直对齐的浮动沙发

在垂直对齐的表格单元格中:底部,我有一个或两个div。每个分区都向右浮动。
按理说,潜水器不应该与底部对齐,但确实如此(我不明白,但很好)。
但是,当我在单元格中有两个浮动分隔符时,它们将自己与相同的顶行对齐。
我要第一个小点的DIV一直坐在底部。另一个可接受的解决方案是使表单元达到最大高度。

很难解释,所以代码如下:

<style type="text/css"> 
table {
   border-collapse: collapse;
}
td {
   border:1px solid black;
   vertical-align:bottom;
}
.h {
   float:right;
   background: #FFFFCC;
}
.ha {
   float:right;
   background: #FFCCFF;
}
</style> 

<table> 
  <tr> 
    <td> 
      <div class="ha">@</div> 
      <div class="h">Title Text<br />Line 2</div> 
    </td> 
    <td> 
      <div class="ha">@</div> 
      <div class="h">Title Text<br />Line 2<br />Line 3</div> 
    </td> 
    <td> 
      <div class="h">Title Text<br />Line 2</div> 
    </td> 
    <td> 
      <div class="h">Title Text<br />Line 2</div> 
    </td> 
    <td> 
      <div class="h">Title Text<br />Line 2</div> 
    </td> 
  </tr> 
  <tr> 
    <td> 
      <div class="d">123456789</div> 
    </td> 
    <td> 
      <div class="d">123456789</div> 
    </td> 
    <td> 
      <div class="d">123456789</div> 
    </td> 
    <td> 
      <div class="d">123456789</div> 
    </td> 
    <td> 
      <div class="d">123456789</div> 
    </td> 
  </tr> 
</table> 

问题如下:

1. 为什么@符号和黄色的分隔符在同一水平?
2. 假设垂直对齐不适用于块元素(如浮动的DIV)1。但确实如此!
3. 我如何才能让@坐在底部或使它成为表单元的全高?

我正在测试IE7和FF2。目标支持是IE6/7,FF2/3。

澄清: 目标是让红色@位于表格单元格的底行, 下一个 到黄色盒子。在任何一个DIV上使用CLEAR将把它们放在不同的行上。 此外,单元格可以有可变的文本行-因此, 线高 无济于事。