Logoff Button scrolls to the row below top navbar

Okay, so I was just trying add a link to the top navbar. And I did successfully add a link to Reviews page with the help of this forum.

Everything seemed to work okay till I spotted that when a user logs in to my site the Logout button scrolls down to a row below the top navbar and above the banner. I have been trying to use Firebug to locate the problem but am not so successful.

Help would be appreciated. All I am trying to do add a link to Reviews page in navbar and this problem is an offshoot from that problem.

If your total number of links takes more width than is available, one or more will wrap down to the next line. We can advise on where you can compress things if we can see your site.

Here is the website https://www.sweetus.com

I am not sure about this but you may need to login. I mean you may need to create test account to see how it scrolls down pushing the banner even further down by one line.

There is no uncertainty about what is happening and why; I just needed to see your site to know the name of your template's navbar. It is a non-standard one, so the usual advice I would have given would have been wrong for you.

In stylesheet.css (line 455)

#tab_nav li a {
background: url("../images/bg_tabs_right.gif") no-repeat scroll right 0 transparent;
display: block;
padding: 10px 20px 9px 18px;
}

adjust the red px sizes to smaller values as required.

Superb! Fantastic! Many thanks. It worked. You are a genius.