Navigationsmenue

[js]

Hallo ich hab mir eine Navigationsleiste mit der Anleitung von Selfhtml erstellt (http://de.selfhtml.org/css/layouts/navigationsleisten.htm). Ich hab aber anstatt einfach eine Hintergrundfarbe, ein Bild eingefügt.
Bei zwei Problemen bin ich nun aber hängen geblieben.

1. Wie kann ich die Position des Textfeldes (Beschriftung) bestimmen? Momentan ist das Textfeld nach oben ausgerichtet und das sieht nicht so toll aus.

2. Ist es möglich für die Unter-listen ein anderes Hintergrundbild zu wählen?

Vielen Dank und freundliche Grüsse

ul#Navigation {
    margin: 0; padding: 0;
    text-align: center;
  }
  ul#Navigation li {
    list-style: none;
    float: left;
    width: 150px;
    position: relative;
    top: 45px; left: 12.0em;
    margin: 0.2em; padding: 0;
  }
  ul#Navigation li ul {
    margin: 0; padding: 0;
    position: absolute;
    top: 0.2em; left: -12.2em;
    display: none;
  }
  ul#Navigation li:hover ul {
    display: block;
  }

ul#Navigation li ul li {
    float: none;
    display: block;
    margin-bottom: -0.2em;
  }

ul#Navigation a, ul#Navigation span {
    display: block;
    height: 45px;
    padding: 0.2em 1em;
    text-decoration: none;
    font-weight: bold;
    color: white;

background-image:url(Pic/button1.jpg);
  }
  ul#Navigation a:hover, ul#Navigation span {
    position: relative;
    top: -0px; left: -0px;
    color: red;
    background-image:url(Pic/button2.jpg);
  }

[ChrisB]

Hi,

1. Wie kann ich die Position des Textfeldes (Beschriftung) bestimmen? Momentan ist das Textfeld nach oben ausgerichtet und das sieht nicht so toll aus.

Was meinst du mit Textfeld?
Den Textinhalt der Listitems, oder der Links in denen?

Entweder arbeitest du mit padding, oder mit line-height.

2. Ist es möglich für die Unter-listen ein anderes Hintergrundbild zu wählen?

Ja.
Beschäftige dich mit Selektoren in CSS.

MfG ChrisB