rdg@me.com

That’s cos I don’t really know what I’m doing; something backed up by the fact I don’t understand your answer!

In trying to understand I did searches for ‘float: left;’ – (no results in any of the styles relating to the menu) and ‘display: inline-block’

There are two but I haven’t added these – they are in my child css file but are also in the TwentyTwelve style.css file!

I’ve added nothing to float any elements in the menu and not changed any ‘display:’ settings.. I’ve put lots of floats in other parts of the page but none in the menu.

I don’t know what an anchor tag is but realise from your reply that:

‘.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
border: 0;
display: inline-block !important;
text-align: left;
width: 100%;
}’

and

‘.main-navigation li {
display: inline-block;
text-decoration: none;
}’

are the things I’m going to need to change..

Here goes…

no the space is there with or without those borders – I only put those in the css to illustrate the problem – it’s the space between them that IS the problem and I can’t find where it’s coming from.