Current navigation not working

Hi there,

Started using the template – ColouredBird – a while ago and transformed it into a bit of a different site but with the main layout still in place. I also changed several of the buttons that made up the menu bar because I wanted to use very different colors then the original. Here’s the case:

The hover function for the menu works perfectly (though I should make the colors deeper so the contrast is bigger) but what’s not working is the current function of the buttons. The current image (nav-current.gif) is all black in my case so you would think the button turns black, it doesn’t.

This is the code on the main page for instance:

<div id="nav">
    <ul>
      <?php wp_list_pages('title_li='); ?>
      <li class="page_item"><a href="<?php bloginfo('url'); ?>">Home</a></li>
    </ul>
  </div>

This is the css code for current (came standard with the template, I didn’t change anything about this):

}
#nav ul li#current a {
	background: url(images/nav-hover.jpg) repeat-x;
}

The site can be seen in action at https://www.jeffreyvisser.nl/wordpress/

Thanks in advance for your help!