I need a little help, I'm stuck

here is what I'm trying to do, take a look at the tabs menu here: http://demo.rockettheme.com/ and look at the December layout from the drop-down box, the template is called Elixir 2.0

and I'm trying to use the same menu here: www.yvib.com/alicia

I've got all the code already in the CSS file, but the only thing that I can't get it done is to have the current page tab displayed in blue. For example, when I click on search, I wanna have the tab in the blue color and not white. Basically, the same thing as in the template from demo.rockettheme.com

thank you

 

can I see your code?

 

here is the CSS code

/* Navigation menu */
#navigation {
  padding-left: 30px;
}
#navigation ul{
    list-style:none;
    margin:0;
    padding:0;
}
#navigation li{
    float:left;
    height:27px;
    padding-left:12px;
    background:url(images/tabs_reg_l.png) no-repeat left top;
}
#navigation a {
  font: 13px bold "Trebuchet MS", verdana, helvetica, arial, sans-serif;
  color: #515151;
  padding-right:14px;
  padding-left:2px;
        text-decoration: none;
  font-weight: bold;
        float:left;
     background:url(images/tabs_reg_r.png) no-repeat right top;
    height:20px;
    padding-top:7px;
}
#navigation li.current{    background:url(images/tabs_active_l.png) no-repeat left top;}
#navigation li.current a{    background:url(images/tabs_active_r.png) no-repeat right top;}
#navigation a:hover{color:#c00;}
#navigation li.current a{color:#fff}
#usercontrol {
  padding-right: 30px;
}

Code (markup):

and the frame.tpl code

 <td id="navigation"><!-- breadcrumbs -->
                        <ul>
                            <li class="current"><a accesskey="d" href="?L=users.desktop">My Desktop</a></li>
                            <li><a href="?L=contacts.contacts">My Contacts</a></li>
                            <li> <a accesskey="s" href="?L=search.users">Search</a></li>
                            <li><a accesskey="b" href="?L=blogs.browse">Blogs</a></li>
                            <li><a href="?L=chat.chat">Chatrooms</a></li>
                            <li><a accesskey="f" href="?L=inkspot.index">Inkspot</a></li>
                        </ul>
                        <!-- /breadcrumbs --></td>

Code (markup):

 

anybody?

thx

 

You have classes for the <li> and <ul> elements but you don't actually have the classes.

This is what I mean:

<li class="navigation"><a href="page.html" class="nav">Blah</a></li>

Code (markup):

That will allow you to style not only the list elements but the link it self too.