Blog da Rosmary Danziger: MODA PRIMAVERA 2015 /*Menu--------------------------------------------------------------------------*/ #navcontainer{ background: #808080; margin: 0 auto; padding:4px 0; font-family: georgia, serif; text-transform: lowercase; } /* to stretch the container div to contain floated list */ #navcontainer:after{ content: "."; display: block; line-height: 10px; font-size: 12px; clear: both; } ul#navlist{ height: 20px; list-style: none; padding: 4px; margin: 0 auto; width:95%; font-size: 0.8em; } ul#navlist li{ display: block; float: left; width: 15%; margin: 0; padding: 2px 1px; } ul#navlist li a{ display: block; width: 100%; padding: 0.5em; border-width: 3px; border-color: #ccc #cccc #ccc #fff; border-style: groove; color: #000; text-decoration: none; background: #eee; } #navcontainer>ul#navlist li a { font-size: 12px; width: auto; padding: 10px 3px; } ul#navlist li#active a{ background: #ccc; color: #800000; } ul#navlist li a:hover, ul#navlist li#active a:hover{ color: #800000; background: transparent; border-color: #000 #fff #fff #ccc; }