Pływające MENU

[agent_lolek]

[/size][/font][font=Times New Roman][size=medium] Witam wszystkich.

Jestem tu całkiem nowy więc proszę o wyrozumiałość

Piszę gdyż rozpoczołem naukę z "kodem" CSS i natknołem się na pewną przeszkode, a mianowicie chodzi mi o to jak stworzyć poziomą belkę MENU, która poruszała by się wraz z przewijanym tekstem (chodzi mi o to, żeby MENU zawsze było na wieszchu. Nie wiem czy wogóle da rade to zrobić z poziomu HTML-a i CSS (może potrzebuje kodu JavaScript ?)

W kodzie HTML wygląda to tak:

<div id="menu"> <!--belka pozioma z funkacja menu-->
<ul>
<li><a href="#">Strona Główna</a></li>
<li><a href="#">Inna Podstrona</a></li>
<li><a href="#">Inna Podstrona</a></li>
<li><a href="#">Inna Podstrona</a></li>
<li><a href="#">Inna Podstrona</a></li>
</ul>
</div>

a w kodzie CSS tak:

#menu{ background: #fff url(images/pasek.jpg) no-repeat;
width:auto;
height:33px;
margin-bottom:0px;
margin-top: 20px;
}
#menu ul { list-style: none;}
#menu li { float: left;
padding-left:20px;
padding-top:5px;
font-weight: bold;
font-size: 14px;
}
#menu a { display: block;
line-height: 20px;
padding: 0 8px;
color: #fff;
font-weight: bold;
}
#menu a:hover { background: #fff;
color: #294b9d;
}


Kombinowałem z opcją bachgraund-attachment: scroll oraz fixed , ale zabrnołem w ślepy zauek.
Proszę niech ktoś mi pomoże. Z góry dziękuje za podpowiedź.
Pozdrawiam.