在可变高度div旁边垂直居中img标签，两者都在div内？

Question

考虑这个HTML：

<table>
    <tr>
    <td>
        <span class="author">Author Name</span>
        <div class="imgtitlewrapper">
            <img src="img.png" class="image" width="18px" height="19px" />
            <div class="title">Title of variable length, causing parent div to be of variable height</div>
        </div>
    </td>
    </tr>
</table>

使用以下CSS：

<style type="text/css">
    .title {padding-left:8px; margin-left:26px;}
    .image {float:left; padding-left:8px;}
</style>

图像正确地浮动到左侧，标题没有正确地环绕它，但我希望图像在其父div内垂直居中。怎么会这样做呢？容器标签和布局可以更改，但都必须在表格单元格内。