Выделение активной ссылки меню

[Mailady]

Вот такая проблема, надо сделать активную ссылку меню когда находишься на соответствующей пункту меню странице
сайт www.docexplorer.ru

css меню


/* menu */
.menu {
position: relative; _width: 100%; z-index: 1;
_height: 1%;
}

.menu table {
position: relative; width: 100%; margin-right: -10000px; text-align: center;
background: #E5E6DE url(images/menu-bg.gif) top left repeat-x;
border-bottom: #E7E7E7 1px solid;}

.menu tr { position: relative;}
.menu td { position: relative; border-left: 1px white solid;}

.menu-item, .menu-item:visited {
position: relative; //height: 1%;
font-size: 14px; font-family: Tahoma; color: white; text-decoration: none;
display: block; padding: 10px; text-transform: uppercase;}

.menu-item:hover, .menu-item:active { padding-top: 6px; color: #fff;
border-top: 4px solid #F69626;}

.menu-item:hover b, .menu-item:active b {
position: absolute; top: 0; left: 30px; width: 7px; height: 4px;
background: url(images/menu-hover.gif) top left no-repeat;}

.menu-last {
border-right: 1px #BDD7EF solid;
background: url(images/menu-corner.gif) top right no-repeat;}
.menu-last i {
position: absolute; width: 11px; height: 11px;
bottom: 0; //bottom: -1px; right: 0; //right: -1px; _right: -2px;}


.menu-drop { position: relative; text-align: left; }
.menu-drop-item { position: absolute; top: 1px; //top: 0; left: -2px; width: 231px; padding: 0 0 0 0;
border: 1px white solid; background: #BDDFFF;
/* Полупрозрачность */
_height: 1%;
filter: Alpha(opacity=90); -moz-opacity: 0.90; KhtmlOpacity: .90; opacity: .90;}

.menu-drop-item li { position: relative; padding: .8em 1em .8em 2em; _height: 1%;
list-style-type: none; background: url(images/menu-list.gif) no-repeat 0 1.4em;}

.menu-drop-item a, .menu-drop-item a:visited { text-decoration: none; color: #364E8F; font-size: 1.1em; line-height: 1.6em;}
.menu-drop-item a:hover, {color: #2D4583; text-decoration: underline;}

.menu-drop-border { position: relative; //height: 1%; border-top: 1px white solid;}


.menu-sep { position: absolute; bottom: -56px; //left: -3px;}
.menu-sep-img { position: relative; width: 4px; height:58px; margin-left: -3px; //margin-left: 0;
background: url(images/menu-sep.png) bottom left no-repeat;_background: none;
_filterrogid:DXImageTransform.Mic rosoft.AlphaImageLoader(src='/bitrix/templates/web20/images/menu-sep.png', sizingMethod='scale');}


.menu-sep2 { position: absolute; bottom: -13px; //left: -13px;}
.menu-sep2-img { position: relative; width: 26px; height:26px; margin-left: -13px; //margin-left: 0;
background: url(images/menu-img.png) top left no-repeat;_background: none;
_filterrogid:DXImageTransform.Mic rosoft.AlphaImageLoader(src='/bitrix/templates/web20/images/menu-img.png', sizingMethod='scale');}



/* end menu */

html меню

<div style="height:70px;background:#E5E6 DE;">
<div class="menu"><table><tr>
<td><div onmouseover="invert('layer1');" onmouseout="Set2Hide();">
<a href="/platforma/" class="menu-item" >Платформа<b><!----></b></a>
</div></td>
<td><div onmouseover="Set2Hide();">
<a href="/konfig/" class="menu-item" >Конфигурации<b><!----></b></a>
<div class="menu-sep"><div class="menu-sep-img"></div></div>
<div class="menu-sep2"><div class="menu-sep2-img"></div></div>
</div></td>
<td><div onmouseover="invert('layer5');" onmouseout="Set2Hide();">
<a href="/partner/" class="menu-item" >Партнерам<b><!----></b></a>
<div class="menu-sep"><div class="menu-sep-img"></div></div>
<div class="menu-sep2"><div class="menu-sep2-img"></div></div>
</div></td>
<td class="menu-last"><div onmouseover="Set2Hide();">
<a href="/price/" class="menu-item" >Прайс-лист<b><!----></b></a>
<i><!----></i>
<div class="menu-sep"><div class="menu-sep-img"></div></div>
<div class="menu-sep2"><div class="menu-sep2-img"></div></div>
</div></td>
</tr></table></div>
</div>