链接无法正常运行或显示悬停效果

Question

我正在使用一个网站和我的导航栏，我使用一张桌子（是的，我知道，一张桌子......）。它突然停止使用悬停，我甚至无法点击链接。

如果您从img.top删除代码，直到img.absB导航栏才能正常工作。但这会扭曲我的图像，这些图像已经被专门定位。

（使用FireFox 37）

body {
  background-color: #444657;
}
#table1 {
  border: 1px solid #000000;
  width: 100%;
  table-layout: fixed;
  height: 40px;
  border-collapse: collapse;
}
#table1 th {
  border: 1px solid #D3D3D3;
  padding: 3px 7px 2px 7px;
  background-color: #D3D3D3;
  text-align: center;
  /*border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    */
}
#table1 th:hover {
  background-color: #8AC007;
  border: 1px solid #8AC007;
}
#table1 th a {
  text-decoration: none;
}
#table1 th a:link {
  color: #000000;
}
#table1 th a:visited {
  color: #000000;
}
#table1 th a:active {
  color: #000000;
}
img.top {
  position: absolute;
  top: -120px;
  right: 200px;
}
img.absL {
  position: absolute;
  top: -120px;
  right: 400px;
}
.absR {
  position: absolute;
  top: -120px;
  left: 390px;
}
img.absT {
  position: absolute;
  top: -300px;
  right: 205px;
}
img.absB {
  position: absolute;
  top: 80px;
  right: 205px;
}

<table id="table1">
  <tr>
    <th><a href="http://www.website" target="_blank">someth</a>
    </th>
    <th><a href="http://website" target="_blank">someth</a>
    </th>
    <th><a href="http://website" target="_blank">someth</a>
    </th>
    <th><a href="http://website" target="_blank">someth</a>
    </th>
    <th><a href="http://website" target="_blank">someth</a>
    </th>
    <th><a href="http:/website" target="_blank">someth</a>
    </th>
    <th><a href="http://www.google.com" target="_blank">GOOGLE</a>
    </th>
  </tr>
</table>

<div>
  <img class="top" src="website1.PNG" />
  <img class="absL" src="website_Left.png" />
  <img class="absR" src="website_Right.PNG" />
  <img class="absT" src="website_TOP.PNG" />
  <img class="absB" src="website_Bottom.PNG" />
</div>