Как сделать чтобы активный пункт меню выделялся подче

Вот тема:
http://trymee.cmsmasters.net/
http://www65.zippyshare.com/view.jsp?locale=ru&key=42064266

вот само меню:

<br />
<ul id="navigation"><br />
 <li class="current_page_item"><a href="index.html"><span>Home</span></a><br />
 <li class="drop"><a href="portfolio_one.html"><span>Portfolios</span></a></p>
<ul>
<li><a href="portfolio_sort_four.html">Sortable Portfolio</a>
<ul>
<li><a href="portfolio_sort_one.html">One Column</a></li>
<li><a href="portfolio_sort_two.html">Two Columns</a></li>
<li><a href="portfolio_sort_three.html">Three Columns</a></li>
<li><a href="portfolio_sort_four.html">Four Columns</a></li>
</ul>
</li>
<li><a href="portfolio_one.html">Portfolio</a>
<ul>
<li><a href="portfolio_one.html">One Column</a></li>
<li><a href="portfolio_two.html">Two Columns</a></li>
<li><a href="portfolio_three.html">Three Columns</a></li>
<li><a href="portfolio_four.html">Four Columns</a></li>
</ul>
</li>
<li><a href="project_slider.html">Project layouts</a>
<ul>
<li><a href="project_slider.html">Image Slider</a></li>
<li><a href="project_video.html">Video</a></li>
<li><a href="album_four.html">Album Four Columns</a></li>
<li><a href="album_three.html">Album Three Columns</a></li>
<li><a href="album_two.html">Album Two Columns</a></li>
<li><a href="album_one.html">Album One Column</a></li>
</ul>
</li>
</ul>
<p> ...</p>
<p>#header nav {<br />
position:absolute;<br />
right:0;<br />
top:38px;<br />
}<br />
#navigation,<br />
#navigation ul {<br />
margin:0;<br />
padding:0;<br />
list-style:none;<br />
}<br />
#navigation:after {clear:both;}<br />
#navigation {<br />
z-index:202;<br />
zoom:1;<br />
}<br />
#navigation li {<br />
float:left;<br />
margin:0 0 0 30px;<br />
position:relative;<br />
z-index:203;<br />
}<br />
#navigation a {<br />
text-decoration:none;<br />
float:left;<br />
z-index:204;<br />
   transition:none;<br />
   -moz-transition:none;<br />
   -webkit-transition:none;<br />
   -o-transition:none;<br />
   -ms-transition:none;<br />
}<br />
#navigation > li.drop > a {<br />
background-image:url(../images/nav_arrow.png);<br />
background-position:right 18px;<br />
background-repeat:no-repeat;<br />
}<br />
#navigation > li > a {<br />
border-left:1px solid #ececec;<br />
font-size:15px;<br />
line-height:15px;<br />
height:20px;<br />
padding:11px 20px 0 20px;<br />
}<br />
#navigation > li {margin:0;}<br />
#navigation > li > a > span {padding-bottom:1px;}<br />
#navigation > li.current_page_item > a > span,<br />
#navigation > li > a:hover > span {border-bottom:1px solid;}<br />
#navigation ul {<br />
padding-top:10px;<br />
margin:20px 0 0 0;<br />
opacity:0;<br />
visibility:hidden;<br />
position:absolute;<br />
left:0;<br />
top:31px;<br />
z-index:9999;<br />
-webkit-transition:opacity .2s ease-in-out, margin .2s ease-in-out;<br />
-moz-transition:opacity .2s ease-in-out, margin .2s ease-in-out;<br />
-ms-transition:opacity .2s ease-in-out, margin .2s ease-in-out;<br />
-o-transition:opacity .2s ease-in-out, margin .2s ease-in-out;<br />
transition:opacity .2s ease-in-out, margin .2s ease-in-out;<br />
}<br />
#navigation li:hover > ul {<br />
opacity:1;<br />
visibility:visible;<br />
margin:0;<br />
}<br />
#navigation ul ul {<br />
padding-left:1px;<br />
margin:0 0 0 20px;<br />
padding-top:0;<br />
top:-1px;<br />
left:150px;<br />
}<br />
#navigation ul li:first-child ul {top:0;}<br />
#navigation ul li {<br />
border:0;<br />
display:block;<br />
float:none;<br />
margin:0;<br />
}<br />
#navigation ul li a {<br />
border:1px solid #ececec;<br />
border-top:none;<br />
font-size:13px;<br />
line-height:20px;<br />
display:block;<br />
width:127px;<br />
float:none;<br />
padding:6px 5px 6px 18px;<br />
}<br />
#navigation ul > li:first-child > a {border-top:1px solid #ececec;}<br />
select.resp_navigation {<br />
border:1px solid #e1e1e1;<br />
background-color:#ffffff;<br />
display:none;<br />
width:100%;<br />
height:38px;<br />
padding:9px;<br />
cursor:pointer;<br />
}<br />
select.resp_navigation option {<br />
padding:5px;<br />
cursor:pointer;<br />
}<br />
select.resp_navigation option.main_item {<br />
font-weight:bold;} </p>
<p>

С такими же настройками в исходнике эффект работает а у меня подчеркивание только при наведении и всегда на главной странице, подскажите что я упустил?