Features:

  1. UL LI structure. Best for search engine optimization
  2. Single sprite for making ON tab and off and hover
  3. No JavaScript at all. Pure CSS
  4. Curved Corners
  5. HTML labels. Stretches tab and maintains curved corners

Progressive enhancement: Shadow Text using jQuery


var menuText; var menuWidth; $("div.shadow a").each(function(i){ menuText = $(this).text(); menuWidth = $(this).width(); $(this).css("width",menuWidth) .empty() .append("<span></span><h5>" + menuText + "</h5><h6>" + menuText + "</h6>") });