Активный пункт меню
 

Добрый день!
Не могу придумать как можно сделать так, что бы выделялся активный пункт меню.
меню состоит из списка, в li запихивал div нуи конечно же ссылку. Если есть уже где-то реализация скинте пожалуйста ссылку.
Страницы подгружаются с б/д
Спасибо

вот код ввода меню

<div class="menu">
					<ul>
						<li><div id="pro_rest">
								<div id="pro_rest_left" class="cl_pro_rest_left"></div>
								<a id="pro_rest_link" class="cl_pro_rest_link" href="?id=1" ><img src="images/menu_prorest.png"/></a>
								<div id="pro_rest_right" class="cl_pro_rest_right"></div>
							</div>
						</li>

Честно сказать, ничего не понял я в твоем коде, какая то белиберда. Вот ради шутки тебе состряпал простенькую менюшку из 5 ти пунктов. При наведении на пункт меню, картинка меняется на "2.png" -- это средствами CSS. Ну и если нужно, чтобы при заходе на страницу, выделялся этот пункт меню, в моем примере делается активной картинка, опять же "2.png". Код с тегом <script> -- прописываешь на той странице, куда ведет ссылка, естественно меняешь идентификатор на соответствующий. Удачи!

<style>
    li {
        width: 100px;
        height: 40px;
        background: url(1.png) blue repeat-x;
        display: block;
        float: left;
    }

/* Изображение должно быть 40px в высоту,
   в ширину естественно чем меньше, тем лучше =)
 */
    li:hover {
        background: url(2.png) blue repeat-x;
    }
    a {
        width: 100px;
        height: 40px;
        display: block;
        cursor: pointer;
        text-align: center;
        padding-top: 10px;
    }

</style>

<script>
//--- Этот скрипт (с тегом <script>) прописываешь на каждой странице
//--- на которую ведет ссылка, естественно меняешь "id"
    window.onload = function(){
        document.getElementById('one').style.backgroundImage = 'url(2.png)';
    }
</script>

<ul>
    <li id="one">
        <a href="#">Первый</a>
    </li>
     <li id="two">
        <a href="#">Второй</a>
    </li>
     <li id="three">
        <a href="#">Третий</a>
    </li>
     <li id="four">
        <a href="#">Четвертый</a>
    </li>
     <li id="five">
        <a href="#">Пятый</a>
    </li>
</ul>

начальник сказал сделать пункт меню из трех частей:левая полосочка,средняя растянутая и правая полоска. поэтому такая хрень и получилась.
спасибо,буду говорить ему что бы просто пункт меню вставить картинкой и не парится