My New CSS Fixed Position Menu Has Worked Correctly! Help?

[SeanFace101]

Hey..
i add a new Fix Position Menu to my forum, But it hasnt quite worked as its ment to.
The link menu shows on all my pages, but there is no styling on it from the CSS code i added.

I added the following code to the "styles/serenitygreen/template/overall_header.html" file..
Note: I added it on a new line after "</head>"

<ul id=menu> 
<li><a href="http://www.xboxlivefan.org/viewforum.php?f=1">Welcome</a>
<li><a href="http://www.xboxlivefan.org/viewforum.php?f=3">Xbox Discussions</a>
<li><a href="http://www.xboxlivefan.org/viewforum.php?f=133">XLF Reviews</a>
<li><a href="http://www.xboxlivefan.org/viewforum.php?f=139">XLF Battleground</a>
<li><a href="http://www.xboxlivefan.org/viewforum.php?f=72">XLF Gallery</a>
<li><a href="http://www.xboxlivefan.org/viewforum.php?f=110">XLF Arcade</a>
</ul>

I added the following code to the "styles/serenitygreen/theme/stylesheet.css" file..

#menu {
  position: fixed;
  right: 0;
  top: 50%;
  width: 8em;
  margin-top: -2.5em;
}

Have a look on My Forum to see what iv done: http://www.xboxlivefan.org/
Now look here to see what it should look like: http://www.w3.org/Style/Examples/007/menus.en.html#L384

Can anybody help by telling me what i may have done wrong?

 

[echo89]

Re: My New CSS Fixed Position Menu Has Worked Correctly! Hel

Change the CSS to this:

#menu {
  position: fixed;
  right: 0;
  top: 50%;
  width: 8em;
  margin-top: -2.5em;
  list-style: none;
  background: green;
  color: #FFF;
}

If that doesn't work, Just keep the code up so i can see it, and make changes if necessary.

 

[SeanFace101]

Re: My New CSS Fixed Position Menu Has Worked Correctly! Hel

It kind of worked.
Im trying to edit it to get what i want.
Thanks though, its better than what i had

 

[echo89]

Re: My New CSS Fixed Position Menu Has Worked Correctly! Hel

change this:

color: #FFF;

to this:

color: #FFF !important;