Wysokość dla a Opcje

[Bojakki]

mam takie klasy:

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;
}

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:

(IMG:http://img192.imageshack.us/img192/5024/przykladu.jpg) Widać, że tło od dołu i góry nie dociąga do końca mimo, że jego wysokość to także 26px;

Ten post edytował Bojakki 21.10.2011, 20:33:48