Hi, I'm currently trying to make my navigation bar fully appear on one line for all browsers: http://howtofocusbetter.com/

The only problem is that in Firefox, there's some white space at the end, and if push it any further, then it looks good in Firefox... but overflows to the next line in Chrome. What I want to do is to push the navigation bar further to the right, without it overflowing to the next line.

Do you know how I can do this?

Some clues that I've gotten so far are:

  • overflow:hidden
  • white-space



No idea what these mean though... Any help would be appreciated. Thanks in advance.