3 Answers
3

At first it took me a while to understand what your problem was. So if I get it correctly, it looks like the code is fine, until you try and shrink the browser window - the the tabs line up on top of each other.

To solve this, I specified a max-width and, most importantly, a min-width for the ul element (you can also just specify a width, like width : 900px; ). I also made sure to stick the ul in a containing div, and specify that div in the css.
The final css worked like this: