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;
}