CSS Navbar Questions... (Sorry, ignore my other thread!)

<tr><td><center>
 
<style type="text/css">
								ul#navbar
								{
								list-style-type:none;
								margin:0;
								padding:0;
								}
								a:link,a:visited
								{
								display:block;
								font-weight:bold;
								color:#800000;
								background-color:#ffff66;
								width:215px;
								text-align:center;
								padding:6px;
								text-decoration:none;
								text-transform:uppercase;
								}
								a:hover,a:active
								{
								background-color:#ffee66;
								}
							</style>
 
							<ul id=navbar>
								<BR><BR><li><a href="#home">Home</a></li><BR><BR>
								<li><a href="#news">Sound Clips</a></li><BR><BR>
								<li><a href="#contact">Pictures</a></li><BR><BR>
								<li><a href="#about">Videos</a></li><BR><BR>
								<li><a href="#events">Events</a></li><BR><BR>
							</ul>
 
						</center></td>

<tr><td colspan="2">
 
							<style type="text/css">
								ul#footer
								{
								list-style-type:none;
								margin:0;
								padding:0;
								padding-top:6px;
								padding-bottom:6px;
								}
								li
								{
								display:inline;
								}
								a:link,a:visited
								{
								font-weight:bold;
								color:#800000;
								background-color:#ffff66;
								text-align:center;
								padding:6px;
								text-decoration:none;
								text-transform:uppercase;
								}
								a:hover,a:active
								{
								background-color:#cccc66;
								}
 
							</style>
 
 
							<ul id=footer>
								<li><a href="#home">Home</a></li>
								<li><a href="#news">Sound Clips</a></li>
								<li><a href="#contact">Pictures</a></li>
								<li><a href="#about">Videos</a></li>
								<li><a href="#events">Events</a></li>
							</ul>
 
						</td></tr>