My padding is affecting my hover background color in my lists. Where should I place the padding so that way the background color fills throughout?
What am I doing wrong?
Code:
#nav {
border: 1px solid #000000;
width:769px;
float:left;
}
#nav ul{
padding: 0;
margin:0;
float:left;
background-color: #FFFFFF;
}
#nav ul li{
display:block;
border: 3px solid #000000;
margin:0;
padding-right: 2px;
float:left
}
#nav ul li a{
color:#000000;
text-align:center;
text-decoration:none;
width: 9em;
}
#nav ul li a:hover{
background-color:#0099FF;
}
I realize my code maybe a little redundant but I don't go through and crunch everything till all is said and done.
any suggestions?