buenas gente, estoy complicado con unos divs, que a su vez son enlaces, pero no logro que me queden ocupando el ancho total del contenedor que los contiene. tengo echo algo como esto
Código HTML:
<nav class="menu">
<div><a href="">Links</a><div>
<div><a href="">links</a><div>
<div><a href="">links</a><div>
<div><a href="">links</a><div>
</nav>
el css es el siguiente::
Código:
.menu a {
background-color: #006699;
display:inline;
float: left; height:80px;
list-style-type: none;
margin:0px auto;
padding: 80px 100px;
}
.menu a:hover{
background-color: #0099ff;
-moz-box-shadow: 5px 4px 8px #000000;
-webkit-box-shadow: 5px 4px 8px #000000;
box-shadow: 5px 4px 8px #000000;
}
alguien me puede orientar un poco para lograr lo que necesito???
muchas gracias!!! saludos!!!!