Hi i am software developer.

I, too, can't fix the horisontal line under the meny. It simply don't show up on the page. Any comment?

This is what I am searching from many weeks!
Thanks to public this menu.
Fabio.

Very good, clean and smooth !
Good...

Thank you very much

This is great. It's simple, and very transparent coade so you can see how to adapt it for the exact look you're after. If anyone's got any idea how to get the same effect, but with the selected tab appearing [i]taller[/i] than the other tabs, I'd love to find out how.

Rhys

that work totally fine on any browser and it rocks

hi , can you help me ?
i want to design a menu in persian and i want to do it from right to left ? how can i do it ?

this is better

-----------

.shadetabs{
border-bottom: 1px solid gray;
/* width: 90%; width of menu. Uncomment to change to a specific width */
margin-bottom: 1em;
}

.shadetabs ul{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(media/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li.selected{
position: relative;
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(media/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

I added this two CSS rules and it worked out for IE 6.0. It's not that super solution, but it does it's job for now:

*html .tabs li.selected {
border-left: 1px solid #0C5E16;
}

*html .tabs li.selected a {
border-left: 0px;
}