[font=verdana]If there isn’t enough space to fit the two words on, they will wrap like that.
You can force browsers to display the two words side-by-side by replacing the space between them with (non-breaking space). However, doing that could have other effects on your design at those screen sizes, if you force that block to take up more space than it has been allocated.[/font]
I noticed you have the div with the main content (“body”) inside your “menu” div and thus inside your “header” div. Is that done on purpose? It confused me a bit
I didn’t create the site, just editing it. its confusing me too. I reduced the text size and it seems better but not sure if it is working on every browser.