Need help with a fixed menu!

[tobbsis]

Hi there!

I need help with a menu that follows when I scroll.

And i need it to go to the middle.

With these codes, I get the menu to follow when I scroll down but it does not get into the middle of the page.


Look at the bottom for more information on that I have a wrapper and so on.



Among the codes in html, I have this code:

 
<div id="menuline">
<div id="meny">
		<ul>
        	<li><a href="index.html" class="hem">Hem</a></li>
                <li><a href="om.html" class="om">Om</a></li>
                <li><a href="tjanster.html" class="tjanster">Tjänster</a></li>
                <li><a href="kontakt.html" class="kontakt">Kontakt</a></li>
                <li><a href="ovrigt.html" class="ov">Övrigt</a></li>
        </ul>
 
</div>
</div

And to the text (which is the menu) will be in the middle, I have written this code:

 
#meny				{ 
			 color:#CCC; 
			 position:relative;
			 width:660px; 
			 height:30px;
			 font-family:Georgia, "Times New Roman", Times, serif;
			 top:10px; 
			 margin:0 auto; padding-left:100px; 
 
		 }
 
#meny li	{ display:inline; margin:0 auto;	}	
 
#meny li .hem	{
			border-right:1px #999 solid; padding-right:30px; border-left:1px #999 solid; padding-left:30px; margin:0 auto;
	}
 
 
#meny li .om	{
			border-right:1px #999 solid; padding-right:30px; padding-left:30px;
	}
 
#meny li .tjanster	{
			border-right:1px #999 solid; padding-right:30px; padding-left:30px;
	}
 
#meny li .kontakt	{
			border-right:1px #999 solid; padding-right:30px; padding-left:30px; 
	}
 
#meny li .ov	{
			border-right:1px #999 solid; padding-right:30px; padding-left:30px; 
	}

To get a "line" where the text should be, I made a div tag named menuline and then I have written this in css:

 
#menuline			{ width:auto; height:40px; background-color:#900; position:fixed;	}

So what am i doing wrong? Because the "menu" do end up in the middle, it hits the side and I do not want that. Does it have to be a specific width? or can it adapt after whichscreen you have? or do I have to make the line a certain width?


But i have the whole thing fixed (it follows when i scrolls) but i need it to go to the middle.


I can say also that I have a wrapper on 1000px in width, but then I have no "limit" on the page so the text should be in the middle of the wrapper then.





So plz help me to get this ting in the middle

[tobbsis]

https://yeyfiles.net/kattmat/0bf5c2b190.png



Visit that link to see how i mannaged to get the menu in the middle. bur now it's not fixed, and when i add position:fixed; to any of div tags the whole thing moves to the left!

So how to solv that?