grösse des hintergrundbildes (von einem link) festlegen

[brandy]

hi,

jeder navigationspunkt hat ein hintergrundbild mit einer bestimmten grösse. bei hover soll sich hintergrundbild ändern.

ich schaffs nur dass das hintergrundbild genau so gross ist wie der link:

code:

<span id="mainLinks">

<a href="">Punkt1</a>
   <a href="">Punkt2</a>

</span>

css:

#mainLinks {
 height:21px;
 width: 236px;
 font-size: 12px;
}
#mainLinks a{
 height:21px;
 width: 236px;
 background-image: url(../img/button1.jpg);
 background-repeat: no-repeat;
 border: solid 1px #666666;
 boder-collapse:collapse;

}
#mainLinks a:hover{
 background-image: url(../img/button1o.jpg);
 background-repeat: no-repeat;
 border: solid 1px #666666;
 boder-collapse:collapse;

}

weiss nicht warum er mir die width und height nicht nimmt???

kann mir wer helfen???

thx & lg brandy