Mango: Buttons untereinander anordnen

Beitrag lesen

Hallöchen,
ich bin momentan noch recht neu in der Materie und bin ein bisschen am rumbasteln. Nun habe ich ein Problem:

<html>  
<head>  
  
<style type="text/css">  
body {background-image:url('rand.png');background-repeat:no-repeat;}  
  
#navlist{position:relative;}  
#navlist li{margin:0;padding:0;list-style:none;position:absolute;top:0;}  
#navlist li, #navlist a{height:50px;display:block;}  
  
#startseite{top:0px;width:200px;}  
#startseite{background:url('Button-Start-1.png') 0 0;}  
#startseite a:hover{background: url('Button-Start-2.png') 0 0;}  
  
#Mitglieder{top:-100px;width:200px;}<!-- hier liegt mein Problem -->  
#Mitglieder{background:url('Button-Mit-1.png') 0 0;}  
#Mitglieder a:hover{background: url('Button-Mit-2.png') 0 0;}  
  
</style>  
</head>  
  
<body bgcolor=151515>  
<ul id="navlist">  
  <li id="Startseite"><a href="Startseite.html"></a></li>  
  <li id="Mitglieder"><a href="Die Bandmember.html"></a></li>  
</ul>  
</body>  
</html>

ich wollte das die beiden buttons untereinander angezeigt werden. Aber mit dem {top:px scheint das nicht zu funktionieren ;)
hat jemand vllt eine idee was ich da benutzten müsste?

danke schon mal und schönen Abend :)