Css 在IE7中，如何将文本垂直对齐到固定高度容器中的底部

HTML：

<div class="testing">
    <div class="a0"><p>Monday, 07 May 2014 00:00 AM</p></div>
    <SPAN class="a1"><SPAN CLASS="b1">abc</SPAN></SPAN>
</div>
<div class="testing">
    <div class="a0"><p>Tuesday, 07 October 2014 00:00 AM</p></div>
    <SPAN class="a1"><SPAN CLASS="b1">abc</SPAN></SPAN>
</div>

2014年5月7日星期一上午00:00

abc
2014年10月7日星期二上午00:00

abc

CSS：

  <style type='text/css'>
  body {
      font: 12px/1.136 arial,verdana,sans-serif;
  }
.testing {
    width: 245px;
    border: 1px solid red;
    background-color: grey;
    height: 25px;
}
.a0 {
    display: inline-block;
    width: 70%;
    float: left;
    background-color:  green;
    vertical-align:bottom;
}
.a1 {
    float: right;
    line-height: 25px;
}
.b1 {
    display: inline-block;
    height: 20px;
    vertical-align: bottom;
}
p {
    margin: 0;
    display: table-cell;
    height: 25px;
    vertical-align: bottom;
}
  </style>

身体{
字体：12px/1.136 arial，verdana，无衬线；
}
.测试{
宽度：245px；
边框：1px纯红；
背景颜色：灰色；
高度：25px；
}
.a0{
显示：内联块；
宽度：70%；
浮动：左；
背景颜色：绿色；
垂直对齐：底部对齐；
}
.a1{
浮动：对；
线高：25px；
}
.b1{
显示：内联块；
高度：20px；
垂直对齐：底部对齐；
}
p{
保证金：0；
显示：表格单元格；
高度：25px；
垂直对齐：底部对齐；
}

如果您在FF或其他浏览器中看到“.a0p”和“.a1.b1”中的文本是底部对齐的。虽然“.a0 p”中的内容是长的或短的，但文本是底部对齐的

问题是IE7，在这两种情况下，我都无法将这两个内容底部对齐

我的限制是： 1.“.testing”容器必须具有固定高度，因为它们将并排放置，因此应显示相同的高度 2.右侧的内容不会更改，而左侧的内容可能较短（仅在一行中）或较长（可能在下一行中换行）

---

有没有办法在IE7中解决这个对齐问题？

您是否尝试过将.a0（等）从display:inline block；要显示：表

---

如果这会弄乱您的布局，请考虑在内嵌块中使用包装。A0。p> 线路高度方法不适用于IE7。请参见中的支撑解决方案