suit: Hoverbuttons nebeneinander und zentriert in einem Container...

Beitrag lesen

Und, welche Variante wäre eigentlich mehr zu empfehlen?

variante 2, die liste an menupunkten möchte gerne eine liste sein

Der Validator meint nur, dass der HEAD-Tag nicht geschlossen wurde, das wurde er aber. Was hat es damit auf sich?

dann ist der nicht geschlossene <head /> ein folgefehler und du hast schon vorher einen fehler drinnen

100%ig korrekt funktioniert css nur bei validen dokumenten mit korrekten doctype - stichwort quirks mode