ナビゲーション バーに 6 つのリンクがあり、ロゴ (jpeg) をバーに添付することはできましたが、リンクはロゴの上にあります。ロゴが単独で表示されるようにするには、どうすればリンクを離すことができるでしょうか。
HTML
<html>
<head>
<title>TITLE HERE</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="style.css">
</head>
<body>
<a name="top"></a>
<table align="center" cellpadding="0" cellspacing="0" border="0" height="100%">
<tr><new class="right" colspan="2"> </td></tr>
<tr>
<!--Top Navigation Links (top horizontal navigation bar)-->
<td id="nav1" colspan="2"><a href="index.html">Home</a>
<a href="LINK1.html" class="nav1">Name</a>
<a href="LINK2.html">Name</a>
<a href="LINK3.html" class="nav1">Name</a>
<a href="LINK4.html">Name</a>
<a href="LINK5.html" class="nav1">Name</a>
</tr>
<tr><td id="head" colspan="2"></td></tr>
</td>
</tr>
<td id="main" valign="right">
そしてCSS
td#nav1 {
height: 66px;
background: #000000 url('images/logo.jpg') no-repeat top left;
}