Salve vorrei eliminare lo spazio tra il <div> header e il <div> navigation
questa è la pagina:
codice:
<head> 	<title>Euro Arte ferro di tizio</title> 	<meta http-equiv="content-type" content="text/html;charset=utf-8" /> 	<meta name="generator" content="Geany 0.21" /> 	<link rel="stylesheet" type="text/css" href="euroarteferro.css" /> </head>  <body> 	<div id="container">         <div id="header"> 			<h1>Euro Arte Ferro</h1> 			<H2>di tizio</H2> 		</div>	 		<div id="navigation"> 			<ul> 			 			[*]Home  			[*]Infissi Alluminio  			[*]Infissi Pvc  			[*]Ferro Battuto  			[*]Zanzariere  			[*]Contatti 		 			[/list]		</div> 		<div id="content"> 		 		
 		
 		
 		
 		
 		
 		
 		
 		
 		
 		
 		
 		
 		
 		
 		
 		
 		
 		
 		
 		
 		
 		
 		
 		
 		</div> 		<div id="footer"> 		

© 2012 - Grafica, layout  sono di esclusiva proprietà di caio s.r.l.
 		Per informazioni o richieste sulla grafica del sito web cliccare sul nome</p></div> 	</body>  </html>

e questo il css :
codice:
html,body{margin:0; padding: 0} body{font-family: arial,sans-serif; font-size: 76%} h1{text-align:center ; margin: 0;padding:0} h1{font: bold 60px arial,serif ;color:#FFFF00} h2{background-color:#1E90FF ; color:#A020F0; font-size:14px; text-align:center} div#header {background-color:#1E90FF; color:#A020F0} div#navigation {background-color:#7F7F7F} div#navigation ul{margin: 0;padding: 0; list-style-type: none;} div#navigation li{display: inline; margin:  30px;padding: 0} div#navigation a{color:#369;font: normal bold 20px arial,sans-serif;text-decoration: none} div#navigation a:hover{color: #FFFF00;text-decoration: underline} div#navigation a#activelink{color: #003333;text-decoration: none} div#footer {background-color:#1E90FF; color:#A020F0 ;text-align:center}
ps come metto il codice in modo leggibile?