آموزش ساخت منو شناور در بالای سایت

[md.zolfi]

با سلام؛
این منو بی نظیر هستش. دارم روش کار میکنم تا به شکل دلخواه خودم دربیاد اما به یه مشکل جدی برخوردم که 2 روزه نمیتونم حلّش کنم! میتونین کمکم کنین؟ خیلی به کمکتون نیاز دارم.
این منو با تغییر سایز پنجره مرورگر از جای خودش تکون میخوره. یعنی به سمت راست و چت لیز میخوره. میخواستم ثابت بمونه در موقعیتی که میخواهم. و فقط در جای خودش بالا و پایین حرکت کنه.
کد هایی که من ویرایش کردم به صورت زیر هستش:

<style type="text/css">
.topmenu { width:960px; height:41px; right:12%; left:12%; float:center; background-color:#6FD4DD; border-bottom:#CCC 2px solid;position:fixed;top:0px;z-index:9999999; direction:rtl;}
.menu {float:right; padding-right:10px; padding-top:5px; direction:rtl;}
.menu a { display: inline-block; position: relative; float:center; margin-left:2px;margin-right:2px;padding-left:10px;padding-right:10px;padding-top:0px; padding-bottom:7px;color:#FFF; text-shadow:#1E939E 1px 1px; text-align:center; direction:rtl; font-family:B Bardiya,'B Bardiya',tahoma; font-size:12pt; }
.menu a:hover { position: relative; float:center; text-align:center; margin-left:2px;margin-right:2px;padding-left:10px;padding-right:10px;padding-top:0px; padding-bottom:7px;background-color:#F8F8F8; color:#CCC; text-shadow:#393939 1px 1px direction:rtl; font-family:B Bardiya,'B Bardiya',tahoma; font-size:12pt; }
</style>

<div id="menu" class="topmenu">
<div id="menu" class="menu">
<a href="#">صفحه نخست</a>
<a href="#">متن آزمایشی</a>
<a href="#">متن آزمایشی</a>
<a href="#">متن آزمایشی</a>
<a href="#">متن آزمایشی</a>
</div>
</div>

مشکل از کجاست؟
بی نهایت ممنونم. بی صبرانه منتظر پاسختون هستم.
موفق باشین.