Uppgift(2 av 5): Svårt att lära

Varje knapp är byggd med divar som har som bakgrundbild ett foto. Problemet var att: jag använde display:block funktion(för att kunna göra knappen klickbar) som gör att det kommer en extra box ovanför själva knappen.


#knappar li a
display:block;
background-image:url(knappar/rou1.gif);
}
#knappar li#active a{
background-image:url(knappar/roundedcornr_707189.gif);
}
#knappar li a:hover {
background-image:url(knappar/rou1.gif);
color:#000000;
}


Jag löste den med att redigera boxen med samma storlek som själva knappen. Men det tog so långt tid för att kunna vakna:))



#knappar li a{
display:block;
width:100px;
height:30px;
background-image:url(knappar/rou1.gif);
}
#knappar li#active a{
background-image:url(knappar/roundedcornr_707189.gif);
}
#knappar li a:hover {
background-image:url(knappar/rou1.gif);
color:#000000;
}