在div和表中正确对齐元素

Question

我希望小tab_corner图像与蓝色按钮的底部对齐，但它们之间仍然有一点点空间。有什么建议吗？

<div id="top" style="height:60px; width:600px; margin-left:30px; margin-top:20px;">
    <table cellpadding="0" cellspacing="0">
        <tr>
            <td width="478px" align="left" valign="bottom"><img src="images/f5_logo.png" width="58" height="53"></td>
            <td align="right" valign="bottom">
                <div class="tab">
                    <a href="#" style="color:#ffffff; text-decoration:none;">Seminar</a>
                </div>
            </td>
        </tr>
        <tr>
            <td colspan="2" align="right" valign="top"><img src="images/tab_corner.png" width="12" height="11" border="0" /></td>
    </table>
</div>