css: vertical-align bei Blockelemnten

[wusa]

Moin Zusammen,

ich komm grad nicht weiter ich habe eine Navigation mit einer Liste gebaut
die hyperlinks in der den <li> Elmenten sind als "display:block" definiert.
ICh will aber dass die Schrift am unteren Rand des <li>-elemts augerichtet wird und bekomme es gard nicht gebacken. Hatte geacht das geht easy mit "vertical-align: bottom"

Kann mir jemand helfen?

Markup

echo "<ul>\n";
echo "  <li><a href='/'>Home</a></li>\n";
echo "  <li><a href='/'>Team</a></li>\n";
echo "  <li><a href='/'>Arbeit</a></li>\n";
echo "  <li><a href='/'>Referenzen</a></li>\n";
echo "  <li class='lastElem'><a href='/'>Kontakt</a></li>\n";
echo "</ul>\n";

Stylesheet

/* ----- Definitionen für den 'Navigation'-Container. */
#nav{
  float: right;
  }
  
#nav ul {
  margin: 0; padding: 0;
  list-style: none;  
  }
  
#nav ul li{
  float: left;
  width: 6em; height:118px;
  margin: 0; padding: 0;
  font-size: 1em;
  vertical-align: 100px;
  border-left: 1px solid #404040;
  }

  
#nav a{
  height:118px;
  display: block;
  bottom: 10px;
  text-decoration: none;
  color: #fff;
  text-align: center;
  background: #1B1B1B url(../images/header_bg_gray.PNG) repeat-x top right;
  }
  
#nav a:hover{
  text-decoration: none;
  background: #CCF330 url(../images/header_bg_green.PNG) repeat-x top right;
  }

gruß|wusa

 

[dms]

Ganz grob und die Zahlen stimmen nicht

#nav a{
  height:80px;
  [b]padding-top:38px;[/b]
  display: block;
  text-decoration: none;
  color: #fff;
  text-align: center;
  background: #1B1B1B url(../images/header_bg_gray.PNG) repeat-x top right;
  }

Sollte so inetwa machbar sein. vertical-align ist was anderes.

 

[wusa]

Nenenee,

mit "padding" funzt das ganze nicht da sonst auch das komplette block element runtergeschoben wird...
Es muss doch eine Möglichkeit geben?

gruß|wusa

 

[dms]

padding verschiebt nichts. Natürlich muss die Höhe entsprechend verkleinert werden.

 

[wusa]

ooh..mannsen..

ja Verpeilung meinserseits..
Danke!