ナビボタンをインクルードした時

質問

こんにちは。

ナビゲーションボタンをyuga.jsを使ってロールオーバーさせています。
見てるページをハイライトしてる時は、on画像に切り替わる様にしてるのですが、
ナビゲーション部分をインクルードした場合、ハイライトしてるページのボタンが切り替わりません。
コードは以下の内容で書いています。
<div id="sidenavi">
<!--#include virtual="inc/sidenavi.inc" -->
div>

どなたかご教授お願い致します。

回答No.1

reggaepunc

正常に動いていたのに動かなくなった。ということでしょうか？
それとも、もともと希望通りに動いていないということでしょうか？

インクルードしているhtmlソースを可能なかぎり晒してください。

補足

すいません、補足します。
<div id="sidenavi">
<ul>
<li><a href="index.html" class="current"><img src="images/btn_kaityou.gif" width="175" height="40" alt="" class="btn" /></a></li>
<li><a href="business.html" class="current"><img src="images/btn_jigyou.gif" width="175" height="40" alt="" class="btn" /></a></li>
<li><a href="faq.html" class="current"><img src="images/btn_qa.gif" width="175" height="40" alt="Q&amp;A"class="btn" /></a></li>
<li><a href="register.html" class="current"><img src="images/btn_touroku.gif" width="175" height="40" alt=""class="btn" /></a></li>
<li><a href="sokai.html" class="current"><img src="images/btn_soukai.gif" width="175" height="40" alt=""class="btn" /></a></li>
<li><a href="workshop.html" class="current"><img src="images/btn_gouken.gif" width="175" height="40" alt=""class="btn" /></a></li>
<li><a href="topics.html" class="current"><img src="images/btn_topix.gif" width="175" height="40" alt=""class="btn" /></a></li>
<li><a href="i-seminar.html" class="current"><img src="images/btn_kaigai.gif" width="175" height="40" alt=""class="btn" /></a></li>
<li><a href="schedule.html" class="current"><img src="images/btn_schedule.gif" width="175" height="40" alt=""class="btn" /></a></li>
<li><a href="report.html" class="current"><img src="images/btn_katsudou.gif" width="175" height="40" alt=""class="btn" /></a></li>
</ul>
</div>
<!--end sidenavi-->
ナビゲーション部分のソースは以上となります。
通常の時はyuga.jsは機能するのですが、
インクルードした場合は、まったく機能しなくなってしまいます。