Kod
.nav{
width: 980px;
height: 20px;
background-color: #FFFFFF;
float: left;
border: 1px solid #D6DDE2;
margin-bottom: 6px;
padding: 4px 4px 2px 4px;
}
.nav a{
font-weight: bold;
padding-right: 19px;
padding-left: 6px;
background-image: url(../images/layout/nav-arrow.gif);
background-position: right;
background-repeat: no-repeat;
}
width: 980px;
height: 20px;
background-color: #FFFFFF;
float: left;
border: 1px solid #D6DDE2;
margin-bottom: 6px;
padding: 4px 4px 2px 4px;
}
.nav a{
font-weight: bold;
padding-right: 19px;
padding-left: 6px;
background-image: url(../images/layout/nav-arrow.gif);
background-position: right;
background-repeat: no-repeat;
}
Problem polega na tym, że tło w tej drugiej klasie nie obejmuje całej wysokości diva czyli 26px (20 z height + 6 z paddingów), ale jedynie na wysokośc która obejmuje a. Próbowałem w tej drugiej klasie dodać line-height: 26px, samo height: 26px, ale to nic nie dało. Da się to jakos rozwiązać?
Teraz to wygląda tak:
