CSS och cellproblem

Hejsan!

Jag har sökt men inte lyckats/fattat hur jag ska lösa detta.

Jag har en stilmall med följande kod

td.top_cell_menu { background-image: url(../img/bg_top_menu.gif); font-size: 10px; cursor: hand;}

Det jag nu vill är att när jag för musen över cellen som har ovanstående klass så ska den byta bakgrundsbild.

På sidan:

 <td width="110" height="21" align="center" valign="middle" class="top_cell_menu" 
onClick="parent.frame_main.location='sidan.html'">Till sidan</td>

Kan jag lösa detta i min stillmall eller är det onMouseOver i varje cell som måste till? ...hur ser då "anropet" ut...

Tacksam för svar

varför använder du inte a i cellerna, så du slipper javascriptet?

.top_cell_menu a {
    display:block;
    width:110px;
    height:21px;
    background-image: url(../img/bg_top_menu.gif);
    font-size: 10px;
}
.top_cell_menu a:hover {
    background-image: url(../img/bg_top_menu_hover.gif);
}

/ m a r t i n

Ibland kan IE:t vara dumt, och göra så att hela a-boxen inte är klickbar, då kan man testa att göra nåt sånt här:

* html .top_cell_menu a {
    zoom:1.0;
}

Inte säker på att ie blir gladare, men det har hänt

/ m a r t i n

funkar bra hurru =)

..nästan. I och med att jag skapade ett block i stilmallen så får jag inte texten att hamna centrerat i mitten i cellen. Det som står i HTML:n (align, valign) gäller inte utan texten hamnar centrerat top...

ja, det där är ju problem. Eftersom vertical-align inte funkar så bra, och box-modellen strular till det, men gör såhär i a-stylen (testa runt lite):

padding-top:3px;
height:18px

Det kan gå, fast då centreras det inte egentligen. Om det inte hade varit pixel-fast höjd, hadde du kunnat lösa dt helt med padding över och under.

Taget!

tusen tack för hjälpen