Nav bar "buttons"

[Craig Tuller]

The code changes you have made are causing your problems.

headerleft is too wide leaving no room for headerright, hence the subscribe link in headerright is forced to wrap causing extra space below the whole navbar.

Either remove the navbarright links and division so that you can use the entire width of navbar or change the padding settings between for your menu tabs and resize navbarright & navbarleft correctly.

Forcing the menu to wrap to the next line will cause rendering problems with various browsers and you will loose visitors.

To change padding settings tweak the following definition as I show it:

#nav a, #nav a:visited {
background:#376B9D url(images/navbar.gif) repeat scroll 0 0;
border-left:1px solid #2255AA;
border-right:1px solid #548ADA;
color:#FFFFFF;
display:block;
font-weight:bold;
margin:0;
padding:7px 5px;
}

This one too:

#nav a:hover {
background:#5186D7 none repeat scroll 0 0;
color:#FFFFFF;
display:block;
margin:0;
padding:7px 5px;
text-decoration:none;
}