Salve sto creando un menu a tendina in html e css, ma non riesco a vedere quando passo su il menu l'hover a tendina , non mi escono i sotto menu, non so come fare, vi metto il codice che sto creando.
-CODICE HTML-
codice:
<html>
<head>
<title>Societa' di Servizi Associazione Commercianti </title>
</head>
<body>
<h1 align="center">SOCIETA' DI SERVIZI ASSOCIAZIONE COMMERCIANTI</h1>
<!--<table align="center" border="1">-->
<link href="style.css" rel="Stylesheet"/>
<ul>
<li><a>Home</a></li>
<ul>
<li><a>Contatti</a></li>
<ul>
<li><a>Chi Siamo</a></li>
<ul>
<li><a>Lavora con noi</a></li>
<ul>
<li><a>Dove Siamo</a></li>
<ul>
<li><a>Partners</a></li>
<ul>
<li><a>Sponsor</a></li>
<ul>
<li><a>Enti</a></li>
<ul>
<li><a>Eventi</a></li>
<ul>
</table>
</body>
</html>
-codice css-
codice:
body{
	background:url('P.jpg') no-repeat;
	background-size:cover;
	font-family: Arial;
	color: blue;
}
ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ul li {
	float: left;
	width: 150px;
	height: 40px;
	background-color: black;
	opacity: .8;
	line-height:40px;
	text-align: center;
	font-size: 20px;
}
ul li a{
	text-decoration: none;
	color: white;
	display: block;
}
ul li a:hover{
	background-color: blue;
}
ul li ul li{
	display: none;
}
ul li :hover ul li{
	display: block;
}