hi,

for anyone interested, here is the template I'm using at:

takeslides.com

<ul> <li class="id[TABID]"><span class="[ISCURRENT]c[/ISCURRENT]"><a href="[LINK]" mce_href="http://www.ventrian.com/Support/ProductForums/tabid/118/view/post/action/edit/forumid/13/postid/33666/[LINK]" title="[DESCRIPTION]" target="_top">[NAME]</a></span></li> </ul> #dnn_navigation ul { padding-top:69px;height:20px;line-height:20px; } #dnn_navigation li { cursor:pointer; float:left; font-weight:bold; list-style:none; padding:0px 0px; border-right:0px solid white; position:relative; z-index:1000; } #dnn_navigation li .c a{color:#1474E4;} #dnn_navigation li .c a:hover{color:white;} #dnn_navigation ul{padding-left:0px;} #dnn_navigation a { color:white; padding:0 8px 0 3px; text-decoration:none; text-align:center; display:none; } #dnn_navigation li a { display:block; } #dnn_navigation a:hover { color:white; background:purple; padding:0 8px 0 3px; text-decoration:underline; } ul li { list-style-type: none; }

So you can refer to it/start with it and modify it any way you like.

If you have questions you're welcome to ask.

i have a question: do you see the tricky part? :)

good luck.

(what a nice editor!)