Problema con menu ul.

[Bibliotec]

Estoy creando un menu con CSS el tema es que se me genera un espacio justo encima del menu y no veo forma de eliminarlo os dejo el codigo por si a alguien se le ocurre que es lo que pasa.

HTML

Código HTML:

 <div id="apDiv2" class="menulat">
		<ul id="nav">  
			<li><a class="activo" href="#">Menu1</a></li>  
			<li><a href="#">Menu2</a></li>  	
			<li><a href="#">Menu3</a></li>  
			<li><a href="#">Menu4</a></li>  
		</ul>  
	</div> 

CSS

Código HTML:

.menulat {
	float:right;
	width: 70%;
	height:70px;
}
.activo {
	
	font-family:Arial;
    font-size:22px;
	font-weight:100;
    text-decoration: none;
    float:left;
    background-color: #000000;
    color:#ffffff;
	}
#nav
 {
     padding:0;
	 vertical-align:top;
 }
#nav li 
{
     display:inline;
	 padding-top:0px;
}
#nav li a 
{   
   	font-family:Arial;
    font-size:22px;
	font-weight:100;
    text-decoration: none;
    float:left;
	padding-left:22px;
	padding-right:22px;
	padding-bottom:14px;
	padding-top:14px;
    color:#000000;
 }
#nav li a:hover 
{
	font-family:Arial;
    font-size:22px;
	font-weight:100;
    text-decoration: none;
    float:left;
	padding-left:22px;
	padding-right:22px;
	padding-bottom:14px;
	padding-top:14px;
    background-color: #000000;
    color:#ffffff;
    border-bottom:1px;
    border-bottom-color:#000000;
    border-bottom-style:solid;
}

[Bibliotec]

Solucionado cambiando esto:

#nav
{
padding:0;
margin-top:0;
}

[gebremswar]

Hola Bibliotec, que tal.

Es recomendable empezar por una hoja de estilos reset cuyas reglas se incluyen en un fichero, reset.css por ejemplo, para resetear los valores que los distintos navegadores pueden darle a los elementos de un documento HTML.

Un ejemplo es este: reset.css