Flexible navigation example

The navigation bar shown here is achieved via 3 images, a bit of CSS and some JavaScript.

If Microsoft had built a browser that supports CSS2 properly, there wouldn't be any need for the JavaScript.

Go on, resize your browser font size now! (Note: Yes, when you resize the font enough, the navigation will wrap into two lines and look a bit rubbish, but this is what you get for using horizontal navigation)

The images

The navigation "shadow" is 3000 pixels wide to support almost any resolution (this one is resized):

You could use a 1 pixel gradient and repeat it in horizontal direction, but that does not allow for positioning the shadow.

The tab images are much bigger than necessary:

Next: The HTML