la prossima volta posta il codice tra i tag [c o d e] e [/c o d e] così risulterà più leggibile

prova così

codice:
div#navigation{
	float:left;
	width: 15em;
	margin-top:19px;
	margin-left:64px;
}

div#content{
	padding: 1em;
	margin-left: 0px;
}

div#navigation ul{margin: 1em 0 1em 1em;padding: 0; }
div#navigation li{margin: 0;padding: 0}

.menu a {
	width: 149px;
	height: 39px;
	margin-top:0px;
	color:blue;
	font-family: 'Times new roman';
	font-size:11px;
	text-decoration: none;
	font-weight:bold;
	text-align:center;
	padding-top: 11px;
	padding-left: 11px;
	color:white;
	display:block;
	background-image: url('images/bloch00.jpg');

}

.menu a:hover{
background-image: url('images/bloch0.jpg');
}



<body>
<div id="container">

	<div class="menu"> 
		HOME
		ROSA&STAFF..
		I GIOCATORI..
		PHOTOS
		CAMPIONATO
		CLASSIFICA
		LE PAGELLE
		GUESTBOOK
	</div>
la classe .roll non ti serve visto che la applichi a tutti i link di div.menu
E' una lista di link dovrebbe essere contenuta dentro una lista <ul>[*]..

dovrebbe funzionare così, solo controlla che le immagini abbiano il giusto nome