link background image

[jkkenzie]

I am not able to ensure the background image of the links cover a height of 106px , it only covers the text with the link.

I would like the backgorund image on hover of the links to cover the whole height of the cell and not the link only.

<td class="mnubg"> <a href="page.html">page</a></td>

.mnubg{background:url(../images/mnubg.jpg) repeat-x; height:106px; color:#FFF; }
.mnubg  a:link, .mnubg a:active, .mnubg a:visited{ color:#FFF; text-decoration:none;}
.mnubg  a:hover{ color:#FFF; background:url(../images/mnuhover.gif) no-repeat;}

 

Thanks in advance

[jkkenzie]

Got the solution

.mnubg  a:hover{ color:#FFF; background:url(../images/mnuhover.gif) no-repeat center; padding-top:14px; padding-left:0px; padding-right:0px; padding-bottom:63px;}