Wie kann ich in einem horizontalen Menü den Text nach unten schieben?

[JoZa]

Hallo alle,
in der angehängten Grafik könnt Ihr sehen was ich gerne hätte

Wie könnte ich den Text so weit nach unten schieben?

Im Moment schaut mein HTML so aus:

    <div id="menu">
        <ul>
            <li><a href="index.html">Home</a></li>
            <li><a href="service.html">Service</a></li>
            <li><a href="kontakt.html">Kontakt</a></li>
            <li><a href="impressum.html">Impressum</a></li>
        </ul>    
    </div>

Und mein CSS so:

#menu { height:50px; background:url(../pix/header-navi-bg.jpg) no-repeat; text-align:right; }
#menu ul { margin:0; padding:0; list-style:none; }
#menu ul li { float:left; }
#menu ul li a { padding:30px 10px 0 10px; }

Leider hängt der Text ganz oben am #menu, im Firebug habe ich gesehen dass sich das padding 30px nach oben aus dem #menu herausschiebt, ich habe aber keine Ahnung wie ich das ändern kann.

Über line-height:50px könnte ich den Text in die mitte schieben, aber wie bekomme ich das unterhalb der mitte.

Kennt jemand eine Seite mit so einem Menü, oder hat eine Idee wie ich das machen kann?

[sejuma]

Gib #menu ul li a noch ein

 display: block;

und ggf. noch einen width- und hight-Wert.

Als Basisanleitung: http://www.ohne-css.gehts-gar.net/0072.php

[JoZa]

Jo, display:block wars, schräg dass ich das nicht gesehen habe :/

Danke für den Tip