Chrome瀏覽器上的導航欄渲染問題

Question

我在將導航欄渲染到Chrome瀏覽器中時遇到問題。 導航欄的每種情況之間都留有少量空間。

下圖說明了此問題在Chrome上的出現：

我對其他瀏覽器（如Firefox，Safari，Opera）沒有此問題。

導航欄的結構為：

<div id="nav_bar">
                  <table class="linkcontainer" width="100%" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                      <td>
                        <div class="navigation">
                          <a href="/" class="main_link">Home</a>
                        </div>
                      </td>
                      <td>
                        <div class="navigation">
                          <a href="/aphosisus/"
                             class="main_link">Aphosisus</a>
                        </div>
                      </td>
                      <td>
                        <div class="navigation">
                          <a href="/sciences/"
                             class="main_link">Sciences</a>
                        </div>
                      </td>
                      <td>
                        <div class="navigation">
                          <a href="/pposis/"
                             class="main_link">Pposis</a>
                        </div>
                      </td>
                      <td>
                        <div class="navigation">
                          <a href="/lougdj/" class="main_link">Lougdj</a>
                        </div>
                      </td>
                      <td>
                        <div class="navigation">
                          <a href="/cv" class="main_link">Cv</a>
                        </div>
                      </td>
                    </tr>
                  </table>
                </div>

導航欄CSS為：

#nav_bar {
    background-image: url("./header_bg_min.jpg");
    border: 0px none;
    margin: 0px auto;
    width: 798px;
    height: 50px;
}

有人可以測試使用Chrome瀏覽器進行渲染的問題嗎？

謝謝 ！

更新：

感謝您的發言，我忘了說這個問題僅在MacOS Mavericks上的Chrome上出現，我已經在Win7和Linux上的Chrome上進行了測試，而它們沒有問題。

Answer 1

也許您的chrome版本忽略了內聯樣式屬性。 cellpadding="0" cellspacing="0"嘗試添加以下CSS：

table.linkcontainer {
    border-collapse: collapse;
    border-spacing: 0;
}