Menüleiste ist im unteren Teil der Website

[Windassel]

Hallo,

meine Menuleiste, von meiner Website ist ganz unten, ich will die aber nach oben haben. Ich denke mal, dass die Lösung ganz einfach ist, komme aber nicht drauf :/

@charset "utf-8";  
/**  
* Einführung in XHTML, CSS und Webdesign. Kochbar.  
*  
* @link http://kochbar.jendryschik.de  
* @package kochbar  
* @version 2.0  
*/  
/**  
* Globale Einstellungen und Bugfixes  
*  
* @section Browser-Reset  
*/  
  
/* Zurücksetzen der Innen- und Außenabstände */  
* {  
  margin: 0;  
  padding: 0;  
}  
/**  
* Schriftgröße kontrollieren  
*/  
body, td, th { font: normal 75%/167% Georgia, Palatino, "Times New Roman", serif; }  
  
td, th { f\ont-size: 100%; }  
  
/* Farben und Hintergründe setzen */  
html, body {  
  color: #3b2b20;  
  background-color: white;  
}  
/**  
* Regeln für allgemeine Elemente  
*  
* @section Überschriften  
*/  
h1 {  
  color: #9F0F00;  
  background-color: white;  
  font-size: 3em;  
  line-height: 1.1;  
  margin: .8em 0;  
}  
h2 {  
  color: #3C6331;  
  background-color: white;  
  font-size: 1.5em;  
  line-height: 1.1;  
  margin: .8em 0;  
  text-transform: uppercase;  
}  
  
/**  
* @section Absätze  
*/  
p { margin: .8em 0; }  
  
/**  
* @section Links und Anker  
*/  
a:link {  
  color: #980c02;  
  background-color:transparent;  
}  
a:visited {  
  color: #999;  
  background-color: transparent;  
}  
a:hover, a:focus {  
  color: #FF7700;  
  background-color: transparent;  
}  
a:active {  
  color: white;  
  background-color: #980c02;  
}  
  
/* Farben und Hintergründe setzen */  
html, body {  
  color: #3b2b20;  
  background-color: white;  
}  
body {  
  background: url(images/vertaefelung.gif) top center repeat-x;  
}  
/**  
* Regeln für besondere Bereiche  
*  
* @section Kopfbereich  
*/  
div#head {  
  width: 932px;  
  margin: auto;  
  position: relative;  
}  
#head h1 {  
  margin: 0;  
  padding: 0;  
  width: 288px;  
}  
  
/**  
* @section Hauptmenü  
*/  
#head ul {  
  position: absolute;  
  bottom: 0;  
  right: 30px;  
}  
#head ul li {  
  float: left;  
  list-style: none;  
  margin: 0 8px 0 0;  
}  
  
#head ul a,  
#head ul strong {  
  color: #352545;  
  background:#FBFBFB url(images/nav_bg.gif) bottom left repeat-x;  
  display: block;  
  padding: .8em;  
  text-transform: uppercase;  
  text-decoration: none;  
  font-weight: bold;  
}  
#head ul a:hover,  
#head ul a:focus,  
#head ul a:active,  
#head ul strong {  
  color: white;  
  background: #638F56 url(images/nav_bg_hover.gif) bottom left repeat-x;  
}

Könnt Ihr mir weiter helfen?