List items in horizontal list dropping to new line. How to keep them all on one line?
I am trying to get all the list-items in this horizontal navigation / list, nav#desktopNav, in one line. And where they do not fit, have the width of each <li> and padding, and maybe even margins, become smaller in width so that they all will fit in the one line.
I tried changing the width of the <nav> to give room for the 4th list-item, but that increased the width of each of the elements in the list not the width of the entire-list itself for some reason.
I would appreciate any help in solving this and also if anyone is willing to help me understand why my attempt didn't work.
Here is a live example of the page: https://dl.dropbox.com/u/270523/help...ate/index.html
Thanks in Advance!