w menu2 zmień: padding:0 25px; na np. padding:0 28px; 28 bedzie za mało to zwiększ, najlepiej po 1 px, i pokombinuj zwiększając ciut trzcionkę, mi wystarczyła sama zmiana trzcionki na większą
te linijki i tylko te!!! #menu2 ul{float:left;height... #menu2 li{float:left;padding... #menu2 li a{float:left;height... zmieniłem na: #menu2 ul{height:... // czyli usuwamy float:left #menu2 li{display:inline;padding... // czyli zamieniamy float:left na display:inline #menu2 li a{display:inline-block;height... // czyli zamieniamy float:left na display:inline-block i dodałem jedną nad nimi: #menu2{text-align:center;}
Dokładnie chodzi o to jak na Twoim przykładzie. Jednak strona którą posiadam ma często zmieniane zakładki w menu, i przy każdej zmianie treści menu, zmienią się szerokości padding. Chciałem to uniwersalnie wyśrodkować.
