codice:
<ul class="menu">[*]Storia[*]Chiese[*]Monumenti[*]Musei[*]Dintorni[/list]

ul.menu
{
	width: 150px;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.menu li a
{
	display: block;
	padding: 0 15px;
	height: 20px;
	line-height: 20px;
	text-decoration: underline;
}

ul.menu li
{
	display: inline;
}

ul.menu li a:link
{
	background: #B9CAFF;
	color: black;
}

ul.menu li a:visited
{
	color: silver;
}

ul.menu li a:hover
{
	color: orange;
}
vorrei ottenere l'effetto HOVER solo se passo col mouse sopra la scritta che fa parte del link, vorrei rendere cliccabile solo il testo, e non tutto l'elemento[*]

come?