I updated the Mini Slide Navigation so that there is now an active page indicator, informing the user as to where they are within the navigation/site. This was a known omission in the original version of the navigation and it was also astutely called out in a comment on my original post.
I used the “decendant selectors” method in creating the active tab, where I gave both the page’s
<body> tag and each navigation item their own unique id, so I could style specific elements of the page based on the relationship to the parent element.
As usual, I have only tested this out on Firefox 1.5 and IE 6.0. I only changed the CSS and made no changes to the SlayerOffice JS. For some reason, I am seeing the “tab slider” move slightly on the initial page load. I am not exactly sure why I am seeing this, and will investigate further. I think it may have something to do with the “z-index” element I am using in the CSS, but I am just not sure (and its very late when I am posting this and I am tired). If anyone has any insight into why this may be happening, please feel free to post it in the comments area of this post, or my original post.