Bg change on mouse over

Det letteste er nu at lave om på linket, så det fylder hele cellen (ellers skal du ud i noget javascript, da IE ikke kan bruge :hover pseudo-elementet (som det så fint hedder) på andet end links:
<style type="text/css">
  TABLE.menu A {display:block;width:100%;}
  TABLE.menu A:link, TABLE.menu A:visited, TABLE.menu A:active {
        background-color:#d0d0f0;
  }
  TABLE.menu A:hover {
        background-color:#e0e0f0;
  }

</style>

<table style="width:200px" class="menu">
<tr><td><a href="http://www.google.com">Link1</td></tr>
<tr><td><a href="http://www.google.com">Link1</td></tr>
<tr><td><a href="http://www.google.com">Link1</td></tr>
</table>

det vigtige her er linien TABLE.menu A {display:block;width:100%;}
display:block laver linket om til et block-element istedet for et inline-element, hvilket bla. betyder at den vil fylde 100% i bredden. Dette forstår IE godt nok ikke helt, så dette sker først efter man har sagt width:100%;

OKay, det virker fint, men jeg ville lige have denne seberator mellem linksenen, men jeg kan ikke få bg-effekten til at gå helt ud til rammen:

.menu2 td
{
    border-bottom: 1px solid #808080;
}

Tusind TAK!

Send svar, så du kan få point!

du fik det til at virke eller hva'?

Ja, men jeg ville gerne have sepereret linksene, med en 1px solid border..

du mangler måske bare at fjerne padding:
.menu2 td
{
    border-bottom: 1px solid #808080;
    padding:0px;
}

Hvorden kan jeg få teksten til at stå i midten? det virker ikke sådan her, for teksten står i toppen af cellen, og den skal være centreret både horisontalt, og vertikalt:

<table border="0" cellspacing="0" cellpadding="0" class="menu">
                                    <tr height="40">
                                        <td align="center" valign="center" width="75" height="30"><a href="#">Forside</a></td>
                                        <td align="center" valign="center" width="75" height="30"><a href="#">Forside</a></td>
                                        <td align="center" valign="center" width="75" height="30"><a href="#">Forside</a></td>
                                        <td align="center" valign="center" width="75" height="30"><a href="#">Forside</a></td>
                                        <td align="center" valign="center" width="75" height="30"><a href="#">Forside</a></td>
                                    </tr>
                                </table>