Horizontales Header-Menü mit CSS3 implementiert

<nav class="Dropdownmenü">
  <ul>
    <li><a href="http://www.jochaho.com/wordpress/">123WORDPRESS.COM</a></li>
    <li><a href="http://www.jochaho.com/wordpress/about-pritesh-badge/">jb51</a></li>
    <li><a href="#">Artikel zu HTML5 und CSS3</a>
      <ul id="Untermenü">
        Unterschied zwischen SVG und Canvas
        <li><a href="http://www.jochaho.com/wordpress/new-features-in-html5/">Neue Funktionen in HTML5</a></li>
        <li><a href="http://www.jochaho.com/wordpress/creating-links-to-sections-within-a-webpage/">Erstellen von Links zu Abschnitten innerhalb einer Webseite</a></li>
      </ul>
    </li>
    <li><a href="http://www.jochaho.com/wordpress/category/news/">Neuigkeiten</a></li>
    <li><a href="http://www.jochaho.com/wordpress/about-pritesh-badge/">Kontaktieren Sie uns</a></li>
  </ul>
</nav>

.dropdownmenu ul, .dropdownmenu li {
	Rand: 0;
	Polsterung: 0;
}
.dropdownmenu ul {
	Hintergrund: grau;
	Listenstil: keiner;
	Breite: 100 %;
}
.dropdownmenu li {
	schweben: links;
	Position: relativ;
	Breite: automatisch;
}
.dropdownmenu a {
	Hintergrund: #30A6E6;
	Farbe: #FFFFFF;
	Anzeige: Block;
	Schriftart: fett 12px/20px serifenlos;
	Polsterung: 10px 25px;
	Textausrichtung: zentriert;
	Textdekoration: keine;
	-webkit-transition: alle 0,25 Sekunden Leichtigkeit;
	-moz-transition: alle 0,25 Sekunden Leichtigkeit;
	-ms-Übergang: alle 0,25 s Leichtigkeit;
	-o-Übergang: alle 0,25 s Leichtigkeit;
	Übergang: alle 0,25 s Leichtigkeit;
}
.dropdownmenu li:hover a {
	Hintergrund: #000000;
}
#Untermenü {
	links: 0;
	Deckkraft: 0;
	Position: absolut;
	oben: 35px;
	Sichtbarkeit: versteckt;
	Z-Index: 1;
}
li:hover ul#Untermenü {
	Deckkraft: 1;
	oben: 40px; /* passe dies entsprechend der Polsterung der oberen Navigation oben und unten an */
	Sichtbarkeit: sichtbar;
}
#Untermenü li {
	Schwimmer: keiner;
	Breite: 100 %;
}
#Untermenü a:hover {
	Hintergrund: #DF4B05;
}
#Untermenü a {
	Hintergrundfarbe: #000000;
}