The class "headerbar" should not be added inside headers with no sub contents, since it's used to identify heades with sub contents. In other words, remove the code in red below:
Code:
<h3 class="headerbar"><a href="index.html"><img src="images/nav/home.png" width="170" height="28" /></a></h3>
<h3 class="headerbar"><a href="membership.html"><img src="images/nav/membership.png" width="170" height="28" /></a></h3>
<h3 class="headerbar"><a href="community.html"><img src="images/nav/community.png" width="170" height="28" /></a></h3>
<ul class="submenu">
<li><a href="http://www.link.com">Sub Page</a></li>
<li><a href="http://www.link.com">Sub Page</a></li>
<li><a href="http://www.link.com">Sub Page</a></li>
<li><a href="http://www.link.com">Sub Page</a></li>
<li><a href="http://www.link.com">Sub Page</a></li>
<li><a href="http://www.link.com">Sub Page</a></li>
</ul>
<h3 class="headerbar"><a href="community.html"><img src="images/nav/faq.png" width="170" height="28" /></a></h3>
<ul class="submenu">
<li><a href="http://www.link.com" >Sub Page</a></li>
<li><a href="http://www.link.com">Sub Page</a></li>
<li><a href="http://www.link.com">Sub Page</a></li>
</ul>
Bookmarks