Simple Navbar issue

[Celery]

Hello everyone

My CSS experience is very limited. Please could you help with my Navbar, which looks like this:

<!-- begin navbar -->
	<div id="navbar">
		<ul id="nav">
			<li><a href="{$mybb->settings['bburl']}/index.php" class="current">Forum Home</a></li>
			<li><a href="{$mybb->settings['bburl']}/games.php">Arcade</a></li>
			<li><a href="{$mybb->settings['bburl']}/search.php">Search</a></li>
			<li><a href="{$mybb->settings['bburl']}/memberlist.php">Member List</a></li>
			<li><a href="{$mybb->settings['bburl']}/calendar.php">Calendar</a></li>
			<li><a href="{$mybb->settings['bburl']}/misc.php?action=help">Help</a></li>
			<li><a href="{$mybb->settings['contactlink']}">Contact Us</a></li>
		</ul>
	</div>
	<!-- end navbar -->

When I click through the navbar the "Forum Home" tab stays selected. How do I fix this?

Any help is much appreciated!

[backa]

class="current" needs to be set on each page, to that page.
So on the Arcade page for example, it would look like:

<!-- begin navbar -->
	<div id="navbar">
		<ul id="nav">
			<li><a href="{$mybb->settings['bburl']}/index.php">Forum Home</a></li>
			<li><a href="{$mybb->settings['bburl']}/games.php" class="current">Arcade</a></li>
			<li><a href="{$mybb->settings['bburl']}/search.php">Search</a></li>
			<li><a href="{$mybb->settings['bburl']}/memberlist.php">Member List</a></li>
			<li><a href="{$mybb->settings['bburl']}/calendar.php">Calendar</a></li>
			<li><a href="{$mybb->settings['bburl']}/misc.php?action=help">Help</a></li>
			<li><a href="{$mybb->settings['contactlink']}">Contact Us</a></li>
		</ul>
	</div>
	<!-- end navbar -->

[Celery]

Originally Posted by backa

class="current" needs to be set on each page, to that page.
So on the Arcade page for example, it would look like:

<!-- begin navbar -->
	<div id="navbar">
		<ul id="nav">
			<li><a href="{$mybb->settings['bburl']}/index.php">Forum Home</a></li>
			<li><a href="{$mybb->settings['bburl']}/games.php" class="current">Arcade</a></li>
			<li><a href="{$mybb->settings['bburl']}/search.php">Search</a></li>
			<li><a href="{$mybb->settings['bburl']}/memberlist.php">Member List</a></li>
			<li><a href="{$mybb->settings['bburl']}/calendar.php">Calendar</a></li>
			<li><a href="{$mybb->settings['bburl']}/misc.php?action=help">Help</a></li>
			<li><a href="{$mybb->settings['contactlink']}">Contact Us</a></li>
		</ul>
	</div>
	<!-- end navbar -->

Sorry, I'm still struggling.
This is the .xml file I'm editing. There's only one of them. How do I change it on each page?

[Celery]

Can nobody help me here?