ホバー時にメニュー項目の下にスライドする線(下の境界線)を含むこのcss/jqueryメニューがあります:
<div class="nav-wrap">
<ul class="group" id="example-one">
<li><a href="http://www.link-host.com/">Home</a></li>
<li><a href="/web-hosting">Web Hosting</a></li>
<li><a href="/vps-hosting">VPS Hosting</a></li>
<li><a href="/clients/">Login</a></li>
<li><a href="/clients/index.php?fuse=support&view=SubmitTicketForm">Contact Us</a></li>
</ul>
</div>
ここにフィドルのメニューがあります：http://jsfiddle.net/asJkH/
リンクの 1 つが現在のページ (アクティブなリンク) として設定されている場合、行はそのリンクの下にとどまりますが、ページを更新すると、行は最後まで移動し、ページが長くなります。
フィドルでは正しく動作しないようですが、コードをコピーして Web ページに貼り付け、ローカルまたは Web サーバーで表示すると正常に動作します。
ページが更新された場合に行が間違った場所に表示されないようにするにはどうすればよいですか?