Menu med hover hvor borderen driller

bedre?

TABLE, TD
    {
    border-color:#206090;
    border-width:1px;
    padding:2;
    font-size:12px;

    }
TABLE.menu
    {
    width:600;
    }
TABLE.noborder, TD.noborder
    {

    border-bottom-width:0px;
    border-top-width:0px;
    border-right-width:0px;
    border-left-width:0px;
    }


tr{background:#206090;}
td{background:white;}

TD.menu
    {

    padding-top:5px;
    border-color:#206090;
    border-bottom-width:2px;
    border-top-width:0px;
    border-right-width:0px;
    border-left-width:0px;
    height:25px;
    cursor:pointer;
    margin-top:10px;
    text-align:center;
    cursor:pointer;
    width:100px;
    }
TD.menuhover
    {

    height:20px;
    border-color:#206090;
    border-bottom-width:5px;
    border-top-width:0px;
    border-right-width:0px;
    border-left-width:0px;
    margin-bottom:5px;
    color:#000000;
    background-color:#FFFFFF;
    text-align:center;
    cursor:pointer;
    width:100px;
    }

Naa, ikke helt. Da border-collapse er taget væk, giver det jo mellemrum mellem cellerne og endvidere "hopper" teksten 2 px op, når det er menuhover.

Er det måske nemmere at lave det som en baggrundsbillede ?

gør det noget hvis td'knapperne bliver til div knapper?

Hmm, jeg har bare lavet det som et baggrundsbillede nu, det gav den ønskede effekt, såh.. Ellers tak for hjælpen :)

/lukker