Ciao a tutti.
Ho un problema con una tabella. Vorrei che non ci fossero bordi bianchi, e che di conseguenza l' a:hover funzionasse come si deve, ma non ci riesco. Di seguito il codice HTML e CSS. Ah, vorrei cavarmela con i CSS, senza javascript, se fosse possibile. Grazie a tuttti. Sono sicuro che sia una cavolata ma non ci riesco. Scusate.

HTML:

codice:

<!DOCTYPE html>
<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<link rel="stylesheet" type="text/css" href="stili.css" />
</head>
<boby>

		
	<div>
		<table id="menu">
		<tr>
		<td class="menu1"> menu 1 </td>
		<td class="menu1"> menu 2 </td>
		<td class="menu1"> menu 3 </td>
		<td class="menu1"> menu 4 </td>
		<td class="menu1"> menu 5 </td>
		<td class="menu1"> menu 6 </td>
		<td class="menu1"> menu 7 </td>
		<td class="menu1"> menu 8 </td>
		<td class="menu1"> menu 9 </td>
		<td class="menu1"> menu 10 </td>
		<td class="menu1"> menu 11 </td>
		</tr>
		</table>
	</div>

</body>
</html>
CSS

codice:
#menu {
	border: 1px solid lime;
	width: 980px;
	height: 32px;
	border: 0px;
	padding: 0px;
	margin: 0px;
	text-align: center;
	}

#menu table {
	border: 1px solid red;
	padding: 0px;
	margin: 0px;
	}
td {
	background-color:#8a8d91;
	border: 0px;
	padding: 0px;
	margin: 0px;
	
	}

tr {
	border: 0px;
	padding: 0px;
	margin: 0px;
	}
	
#menu a {
	color:white;
	}

#menu td:hover {
	background-color:#3c4143;
	}

Grazie ancora.