Menu i css - problem med højden og vertical-align

Hej eksperter.

Jeg har lavet en menu på denne testside: http://test.kryger.name/

Det er min første css-menu, så derfor har jeg lige et par spørgsmål:

1. Hvordan laver jeg mellemrum mellem menupunkterne? Omkring 15px ville være fint, men hvordan gør man det?

2. Når man har musen over linket, så kommer der et baggrundsbillede (en pil i bunden af linket). Denne pil vil jeg gerne have lidt længere ned (så den ikke står oven i teksten). Hvordan gør man det?

3. Sidst men ikke mindst, så vil jeg gerne have hele menuen til at være i bunden af de 150px, som menuen er høj. Jeg har prøvet at indsætte et "vertical-align: bottom;", men det virker ikke... Hvordan kan man gøre det?

CSS'en ser sådan ud:
ul.hovedmenu
{
    padding: 0;
    margin: 0;
}

ul.hovedmenu li
{
    list-style: none;
    margin: 0;
    text-align: left;
    display: inline;
}

ul.hovedmenu li a
{
    padding: 0;
    text-decoration: none;
}

ul.hovedmenu li a:link
{
    color: #000000;
}

ul.hovedmenu li a:visited
{
    color: #000000;
}

ul.hovedmenu li a:hover
{
    color: #000000;
    background-image: url('../images/hovedmenu_hover.png');
    background-repeat: no-repeat;
    background-position: center bottom;
}

.hovedmenu
{
    font-family: Verdana;
    font-size: 12px;
    color: #000000;
}