画像の垂直リストがあり、ホバーすると、他のページへのリンクである3〜5枚の画像のサブメニューが表示されます。すべてうまくいきますが、ページの上部からスクロールしてリストアイテムにカーソルを合わせると、サブメニューのリストアイテムはメインリストと直接平行になりません。スクロールして最初にリストにカーソルを合わせると、サブメニューがリストの親アイテムのすぐ横に正しく表示されます。これは単なるcssリストです。
下にスクロールすると、良いビューと悪いビューの2つの画像が表示されます。
何か案は？ありがとうございました！
作業用スクリーンショット、ページがスクロールされていない
スクリーンショットが機能しない、ページがスクロールされる
HTML
<div id="navcontainer">
<ul>
<li><img src="graphics/nav_main_data_files.jpg" alt="">
<ul class="nested">
<li><a href="datauploaddatafiles.aspx"><img src="graphics/nav_sub_upload_data_file.jpg" alt=""></a></li>
<li><a href="datarequestsamples.aspx"><img src="graphics/nav_sub_request_samples.jpg" alt=""></a></li>
<li><a href="dataapprovesamples.aspx"><img src="graphics/nav_sub_approve_samples_data.jpg" alt=""></a></li>
</ul>
<li><img src="graphics/nav_main_job_tracking.jpg" alt="">
<ul class="nested">
<li><a href="jobtrackingschedule.aspx"> <img src="graphics/nav_sub_schedule_job.jpg" alt=""></a></li>
<li><a href="jobtrackingsviewstatus.aspx"><img src="graphics/nav_sub_view_job_status.jpg" alt=""></a></li>
<li><a href="jobtrackingsreviewproductiontotals.aspx"><img src="graphics/nav_sub_review_prod_totals.jpg" alt=""></a></li>
</ul>
</li>
</ul>
</div>
CSS
#navcontainer ul { list-style-type: none; }
.nested
{
display: none;
list-style: none;
}
li:hover > .nested
{
display: inline-block;
position: fixed;
padding-left: .5em;
}
http://jsfiddle.net/JVKLw/3/を確認してください