Sæt li til middle

Jeg har nedenstående, hvor jeg laver en menu med <li>

Men i og med jeg angiver højde for <ul> placeres min tekst i toppen af min <ul> hvor jeg gerne vil have den placeret midtpå, hvordan gør jeg det?

#topmenu ul{
    margin:0;
    padding:0;
    float:left;
    height:30px;
    vertical-align:middle;
    background-color: #CC0000;
    width:100%;
   
}

#topmenu li{
    float:left;
    margin:0px;   
    padding-right:10px;
    padding-left:10px;
    list-style-type:none;
    border-right:1px solid;
    border-color:white;
    white-space:nowrap;
    text-transform: uppercase;
    font-weight:bold;
}

<div id="topmenu">
                            <ul>
                                <li><a href="#">Startside</a></li>
                                <li><a href="#">Nyheder</a></li>
                                <li><a href="#">Produkter</a></li>
                                <li><a href="#">Support</a></li>
                                <li><a href="#">Om Selek</a></li>
                            </ul>
                        </div>