[CSS] Wyrownywanie divow w pionie Opcje

[Bojakki]

Mma taki plik css:

Kod

.comments_main
{
    margin-left: auto;
    margin-right: auto;
    width: 984px;
}

.comment_member {
    width: 249px;
    background-color: #BFBFBF;
    margin-right: 1px;
    float: left;
}

.comment_post {
    width: 734px;
    background-color: red;
    float: right;
}

.clear {
    clear:both;
    margin:0;
    padding:0;
    height:1px;
    width: 1px;
    overflow: hidden;
    line-height:1px;
}

I taki kod html:

[HTML] pobierz, plaintext 
<div class="comments_main">
<div class="comment_member">napis</div>
<div class="comment_post ">napis2</div>
<div class="clear"></div>
</div>
[HTML] pobierz, plaintext 

Wszytsko mi sie fajnie wyswietla, ale gdy kontener "comment_member" ma wieksza zawartosc niz comment_post to ten drugi nie rowna sie z nim w pionie. I odwronie tak samo. gdyby tlo bylo cale w jednym kolorze to by nie bylo problemu bo nie byloby widqac gdzie sie konczy kontener, ale tak to widac;/ height: 100% nie dziala. Da sie to zrobic jakos ? czy ztreva uzyc tabelek?