Help with my HTML table!?

[dan fisher]

<table border="0" width="60%" cellspacing="0">
<tr>
<td colspan:"2">
<center>
<ul id="list-nav">
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Contact</a></li>
</ul>
</center>
</td>
</tr>
<tr>
<td colspan:"2">
<center><h1> Welcome To the New Site!</h1></center>
</td>
</tr>
The welcome part should be under the Nav bar, but for some reason theyre switched?
help?
EDIT:
ul#list-nav {
list-style:none;
margin:20px;
padding:0;
width:525px
}

ul#list-nav li {
display:inline
}

ul#list-nav li a {
text-decoration:none;
padding:5px 0;
width:100px;
background:#485e49;
color:#eee;
float:left;
text-align:center;
border-left:1px solid #fff;
}

ul#list-nav li a:hover {
background:#a2b3a1;
color:#000
}