Menu with CSS tags and before/after

The menu works with the principle of CSS content generation (Before / after): so there is no useless tags use.

Menu is fluid in its height and width. It also deals with the font being stretched and shrunk(size in "em").

No image preloading necessary for hovering function: it is immediate - sliding doors) principle.

Browsers tests:

Note: Of course the menu doesn't work on Internet explorer (all versions and platforms) because it still does not recognize the Before and After standard pseudo-elements.

To show this menu correctly on IE, we had to make a few changes and also use Dean Edwards's hack "IE7" See Menu with tabs compatible with Internet Explorer.

View the source code of this page to see how it works.

Back to Alsacreations