.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
border-bottom: 1px solid #ededed;
border-top: 1px solid #ededed;
display: inline-block !important;
text-align: center;
width: 100%;
}
og
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 125%;
vertical-align: baseline;
}
du skal nok være mere specifik, specielt på den nederste stump (som du ikke bare kan kopiere rup og stup - og som sætter font størrelsen op fra 100% til 125% på alt muligt, således at du kun rammer det du har lyst til at ramme (din menu i dette tilfælde)....
Prøv at kigge lidt på det - husk at bruge enten et child theme eller et css plugin til at indskrive CSS, da du jo ellers blot vil få det overskrevet, næste gang theme'et bliver opdateret.
f.eks. kan du jo bruge custom CSS plugin'et:
http://wordpress.org/plugins/custom-css-manager-plugin/
brug webudvikler værktøjet til google, som en anden skrev ovenfor.....det er guf !