如何讓2個DIV在CSS中的列表項中垂直對齊？

我評論系統與設計工作是我的薄弱區域，到目前爲止，雖然我已經非常接近了一下我打算去，我的代碼如下。如何讓2個DIV在CSS中的列表項中垂直對齊？

還有就是我的CSS代碼和我div的組成註釋部分，我已經去掉了所有花哨的東西，我只是有n對齊問題，它是存在於下面的代碼。

對於評論後有2列，

左列將有一個用戶的照片和名字之類的東西
右列將有註釋，日期和一些管理的東西

我的問題是我需要在兩列中的內容垂直對齊，即使
現在左側的列就像高於1個塊空間，然後右側列

有人可以請我看看還是幫我把它對齊呢？

這裏有一個光度計也展現對齊問題，注意左邊的照片不與右側
alt text http://img2.pict.com/4e/fe/9b/1486749/0/screenshot2b16.png

<style type="text/css"> 
ol.commentlist { 
    margin-right:auto; 
    margin-left:auto; 
    padding: 0; 
    list-style-type: none; 
    width: 950px; 
} 
ol.commentlist li { 
    float: left; 
    margin: 0; 
    padding: 10px 10px 10px 10px; 
    width: 950px; 

} 

ol.commentlist li div.photocolumn { 
    display: block; 
    float: left; 
    width: 120px; 
} 
ol.commentlist li div.commenttext { 
    position: relative; 
    float: right; 
    margin: 0 0 15px 0; 
    padding: 0 80px 0 30px; 
    min-height: 53px; 
    width: 700px; 
    border-left: 1px solid #dfe5e7; 
    overflow: hidden; 
} 
</style> 



<ol class="commentlist"> 
    <li> 
     <!-- left column of the comment for user photo --> 
     <div class="photocolumn"> 
       A photo goes here 
     </div><!-- END left column --> 

     <!-- RIGHT column of the comment -->  
     <div class="commenttext"> 
      <p>02/12/3009</p> 
      <p>Being new to web design, I use to have those same bad habits of starting things directly into photoshop!</p> 
     </div> <!-- END right comment column --> 
    </li> 
</ol>

來源

2009-08-18 JasonDavis