Position af div

Hej.
Jeg har meget sjællendent arbejdet med <div> (ved godt det er dumt), og har nu lige brug for at at benytte en <div> kombineret med tables.

Problemet er at den i firefox resulterer i at siden bliver underlige meget for bred. Derfor kommer der en scroll nede i bunden. Min kode er:

    <table class="ramme" cellpadding='0' cellspacing='0'>
		<tr>
			<td height="198" colspan="5" width='800'>

			    <div id="menu">
<a href="#">Forside</a><br>
<a href="#">Koret</a><br>
<a href="#">Dirigenten</a><br>
<a href="#">Sangere</a><br>
<a href="#">Koncerter</a><br>
<a href="#">Presse</a><br>
<a href="#">Kontakt</a>
				</div>

        	</td>
		</tr>
<table>

Og min css kode er:

.ramme {
	width: 800;
	background-image: url("image/head/head01.jpg");
	background-repeat: repeat-x;
	vertical-align: top;
}


#menu {
  /* border: 1px solid red; */
  font-weight: bold;
  	vertical-align: top;
	position: relative;
	left: 620px;

}

  #menu a {
    text-decoration: none;
    line-height: 14pt
  }


#menu a:link{
	text-decoration: none;
	color: #F37F28;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 2px 2px 8px;
}

#menu a:visited {
	text-decoration: none;
	color: #F37F28;
/*	color: #C02E00;*/
	font-size: 12px;
    font-weight: bold;
	padding: 2px 2px 2px 8px;
}

#menu a:hover {
	text-decoration: none;
	color: #FFDF6E;
	font-size: 12px;
	font-weight: bold;
	border-left: 2px solid #f57900;
	padding: 2px 2px 2px 6px;
}

Siden kan ses her:
http://shafh.dk/cantabile/#

Håber i kan forstå problemet, og kan hjælpe