Menu opfører sig forkert

Hmm... kunne ikke komme på en mere sigende overskrift.

Mit problem er lidt underligt.

Jeg har en layout.css der indeholder følgende (udsnit):
#menu {
    position:absolute;
    top: 200px;
    left: 20px;
    width: 158px;
        padding: 0px;
        color: #000000;
        background-color: #ff3333;
    z-index: 1;
}

.menu_k {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
        background-color: #333333;
    color: #ffffff;
    text-decoration: none;
        height: 20px;
        width: 158px;
        padding: 0px 0px 0px 0px;
}

.menu_k:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
        background-color: #333333;
    color: #999666;
    text-decoration: none;
        height: 20px;
        width: 158px;
        padding: 0px 0px 0px 0px;
}

Hvis jeg laver en række knapper på følgende måde:

<div id=\"menu\">
  <a class="\"menu_k\" href=\"test.php\">Test</a>
  <a class="\"menu_k\" href=\"test.php\">Test</a>
  <a class="\"menu_k\" href=\"test.php\">Test</a>
</div>

... kommer der en rød linje under hver knap, hvilket jeg selvfølgelig godt ved jeg kan fjerne ved at ændre på min baggrundfarve for menuen.

Laver jeg derimod menuen på følgende måde:

<div id=\"menu\">
  <a href=\"test.php\"><div class=\"menu_k\">Test</div></a>
  <a href=\"test.php\"><div class=\"menu_k\">Test</div></a>
  <a href=\"test.php\"><div class=\"menu_k\">Test</div></a>
</div>

Ser menuen korrekt ud, men så du'r mouse-over effekten bare ikke. Jeg kan godt klikke på et menupunkt, hvilket fungerer, men musecursoren bliver ikke til en hånd som den skal.

Den første måde at lave et link på, anser jeg for at være den mest brugte måde, men om den er korrekt ved jeg ikke.

Hvordan skal jeg lave disse knappe, så jeg selv kan angive størrelsen på knapperne, uden at der kommer et træls mellemrum mellem hver knap???