CSS：将网格元素对齐到底部而不是顶部

Question

我正在尝试使用tinyfluidgrid.com中的网格并怀疑我做错了。

我想让各种网格组件（在本例中为文本框和按钮）与行的底部（“容器”）对齐。此时按钮与文本框的顶部对齐。

问题似乎是文本框div和按钮div的高度不同。我可以明确地为容器设置高度，但是我必须在这个问题出现的地方（几乎每一行）都这样做，这不会很漂亮。

我已尝试position:absolute; bottom:0，但这会将所有内容推到页面底部。

我正确使用网格吗？每一排我真的需要“清晰”吗？如何将网格的各个部分对齐到行的底部？

这是jsfidle：http://jsfiddle.net/MNkpj/2/

<div class="container">
    <div class="grid_1">&nbsp;</div>
    <div id="description_div" class="grid_9">
        <textarea id="project_description" class="empty">Enter description here.</textarea>
    </div>
    <div class="grid_2"><button class="sbutton" type="submit" id="description_save">Save</button></div>
    <div class="grid_4">&nbsp;</div>
    <div class="clear"></div>
</div>