JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="fusszeile">
  <li>© 2012 ivmb.de
     <ul>
       <li><a href="kontaktueber.php">Hilfe &amp; Kontakt</a></li>
       <li><a href="versand.php">Versandkosten</a></li>
       <li><a href="faq.php">Häufig gestellte Fragen</a></li>
       <li><a href="kontakt.php">Kontaktformular</a></li>
       <li><a href="tutorial.php">Führung durch unsere Seite</a></li>
     </ul>
  </li>
  <li><a href="recht.php">Rechtliches</a>
     <ul>
       <li><a href="agb.php">AGB</a></li>
       <li><a href="disclaimer.php">Haftungsausschlu&szlig;</a> </li>
       <li><a href="datenschutz.php">Datenschutzbestimmungen</a></li>
       <li><a href="impressum.php">Impressum</a></li>
     </ul>
  </li>
</ul>

CSS

#fusszeile {
  margin-top:35px;
  text-align:center;
}
#fusszeile > li {
  position:relative;
  display:inline-block;
  text-align:left;
}
#fusszeile ul {
  display:none;
  position:absolute;
  top:1.1em;
  left:0;
  border:1px solid red;
}
#fusszeile li:hover ul,
#fusszeile ul a /* innere Links auf Block setzen */ {
  display:block;
}