html - Vertical-align=画像+テキストの下部

Question

要素のセットを含むテーブルがあります。imgサイズが可変であるため、高さを固定し、テキストがオーバーフローする可能性があるため、、が、text-overflow:ellipsis使用可能なスペースの下部にある画像とテキストを取得できません。

画像http://img713.imageshack.us/img713/7893/immaginescr.png

<div class="game">
     <a href="url"><img src="(img src)"></a>
     <div class="gamedescription">-Metal Gear Solid<br>-PlayStation</div>
</div>

.game {
    width: 110px;
    padding: 5px;
    border: 2px solid #8F8F8F;
    float: left;
    height: 200px;
}

.gamedescription {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}

私が欠けているものは何ですか？