Dynamic highlight menu doesn’t work for me

Hi,

I’m using wordpress as a cms for my site building and i’ve been trying, for several hours now (yep noob), to get the dynamic highlight menu in wordpress working. Results uptill now: not working…

Could anyone have a look? Thanx.

<ul id="menu">
        <li<?php
                if (is_page('5'))
                {
                echo " id=\"current\"";
                }?>>
                <a href="<?php bloginfo('url') ?>/?page_id=5">Het orgel</a>
        </li>
        <li<?php
                if (is_page('7'))
                {
                echo " id=\"current\"";
                }?>>
                <a href="<?php bloginfo('url') ?>/?page_id=7">De kerk</a>
        </li>
        <li<?php
                if (is_page('11'))
                {
                echo " id=\"current\"";
                }?>>
                <a href="<?php bloginfo('url') ?>/?page_id=11">Concerten</a>
        </li>
        <li<?php
                if (is_page('9'))
                {
                echo " id=\"current\"";
                }?>>
                <a href="<?php bloginfo('url') ?>/?page_id=9">De commissie</a>
        </li>
        <li<?php
                if (is_page('13'))
                {
                echo " id=\"current\"";
                }?>>
                <a href="<?php bloginfo('url') ?>/?page_id=13">Beeld & geluid</a>
        </li>
        <li<?php
                if (is_page('3'))
                {
                echo " id=\"current\"";
                }?>>
                <a href="<?php bloginfo('url') ?>/?page_id=3">Contact</a>
        </li>
</ul>

#menu {
	background: #a76e0b;
	float: center;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 808px;
}
#menu li {
	float: left;
	font: 85% "Arial";
	margin: 0;
	padding: 0;
	text-decoration: none;
}
#menu a {
	background: #a76e0b;
	color: #ffffff;
	display: block;
	float: left;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
	font-weight:normal;
}
#menu a:hover {
	background: #e7e0cc;
	color: #a76e0b;
	padding-bottom: 8px;
	text-decoration: none;
}
#current {
	background: #ffffff;
	color: #a76e0b;
	padding-bottom: 8px;
	text-decoration: none;
}