Home › Forums › CSS › Getting equal width across backgrounds › Re: Getting equal width across backgrounds
May 26, 2011 at 12:02 pm
#75247
jacorre
Participant
You can look at my blog categories navigation to get an idea. I do use display:block as suggested.
#categories li a {
display: block;
padding: 0.625em;
text-decoration: none;
background-color: #561420;
border: 1px solid #000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: #FFF;
font: 100% Oswald, Verdana, Geneva, sans-serif;
text-shadow: #000 1px 1px 2px;
-webkit-box-shadow: 2px 2px 2px #CCC;
-moz-box-shadow: 2px 2px 2px #CCC;
box-shadow: 2px 2px 2px #CCC;
}
#categories li a:hover {
background: #821122;
-webkit-box-shadow: 2px 2px 2px #999;
-moz-box-shadow: 2px 2px 2px #999;
box-shadow: 2px 2px 2px #999;
}