in questa pagina

codice:
<html>
	<head>	
		<style>
		body {
		padding: 0;
		margin: 0;
		font-size: 76%;
		color: silver;
		}

		div#container {
		min-height: 100%;
		height: 100%;
		width: 60em;
		background-color: blue;
		margin: 0 auto;
		padding: 0;
		border: 2px solid green;
		border-top: 0px;
		border-bottom: 0px;
		}

		div#header {
		width: 100%;
		margin:0;
		background-color: red;
		height: 70px;
		}

		div#header h1{
		padding: 20 0 0 10
		}

		div#nav {
		width: 100%;
		margin: 0;
                background-color: pink;
		}

		div#nav ul {
		margin: 0;
		list-style-type: none;
		font-weight: bold;
		text-decoration: none;
		color: white;
		}

		div#nav ul li{
		border: 1 px solid yellow;
		border-left: 0px;
		background-color: green;
		padding: 4px;
		font-size: medium;
		float: left;
		}

		div#nav ul li:first-child {
		border: 1px solid yellow
		}
		</style>
	</head>
	
	<body>
		<div id="container">
			<div id="header">
				<h1>Prova Layout CSS in pagine HTML</h1>
			</div>
			<div id="nav">
				<ul>
					[*]Home
					[*]Link
					[*]News
					[*]Pagine
					[*]Guida
				[/list]	
			</div>
			<div id="">
			</div>
			<div id="">
			</div>
		</div>
	</body>
</html>
non riesco a mettere lo sfondo del div con id nav credo che il problema sia il float: left ma come risolvo? poi come faccio a togliere quello spazio all'inizio prima del primo elemento della lista?