多行/列表格单元的问题?

使用table做一个导航菜单，代码如下：
        <table id="nav" summary="Navigation elements">
            <tbody>
                <tr>
                    <td>
                        <a href="events.html">Events</a>
                    </td>
                    <td>
                        <a href="schedule.html">Schedule</a>
                    </td>
                </tr>
                <tr>
                    <td>
                        <a href="about.html">About</a>
                    </td>
                    <td>
                        <a href="details.html">Details</a>
                    </td>
                </tr>
                <tr>
                    <td>
                        <a href="contact.html">Contact</a>
                    </td>
                    <td>
                        <a href="guestbios.html">Guest Bios</a>
                    </td>
                </tr>
            </tbody>
        </table>
加上border，居中各个菜单项:

#nav td {
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    text-align: center;
}

#nav {
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-collapse: collapse;
}

去掉文字超链的下划线:

#nav td a {
    text-decoration: none;
}

当菜单项在活动状态时其背景透明（显示该table下的颜色），不在活动状态时显示一个背景，，而当鼠标移动在上时显示另一个背景:
        #nav td a {

    display: block;
}
#nav td {
    padding: 0;
}

#nav td a:active {

    color: #f90;

    background: transparent;

}

#nav td a:link, #nav td a:visited {
    background: transparent url(../images/bgpat.gif) repeat;
}
#nav td a:hover {
    color: #000;
    background: white url(../images/nopat.gif) repeat;
}

此时的显示效果是正常的；但当在菜单的左侧加一个指向home的图片链接，占据三行：
        <table id="nav" summary="Navigation elements">
            <tbody>
                <tr>
                    <td rowspan="3">
                        <a href="/" title="i3Forum home page.">
                            <img src="images/logo.gif" alt="i3forum home" />
                        </a>
                    </td>

......

然后去掉图像的border:

#nav img {
    border: 0;
}

此 时的显示就有问题了，文字链接菜单的背景图片没有覆盖整个表格单元，用firebug看了一下，td的宽度为25px，而td/a的宽度为18px，为什 么呢？td的margin、padding都为0，而td/a也设为block-level element了，不解中...，难道是多行/列表格单元的问题？哪位高人指点一下？