You need a small JavaScript to detect top scroll position of the page and change "top" of the menu accordingly. You can take clues from that site or something. I don't think you can do this with just CSS itself.

You need to apply it to the container for the navbar itself.

A ha, JavaScript.. Now that is going to make me lose interest...css, I think I can handle but JS, that is too much for me...I know this as I have already tried to decipher JS but ended up throwing a wobbler....

--------------- Added [DATE]1382172381[/DATE] at [TIME]1382172381[/TIME] ---------------

Apply what, the css or the JS?

The navbar is doing now what I wanted it to do except for the problems mentioned above..

Thanks..

Do it like this:
Add this to css (additional css area is fine)
Then surround the navbar template or the variable like i've shown with the div
<div class="floating-menu">
$navbar
</div>

Here's the result:
http://www.thecodecage.com/forumz/index.php

Cheers all..

I finally did it, it took me forever..

Had to use some js in conjunction with css.. What a headache...Not be doing that again for a while..
If you want to try it let me know....

Now that is done, it a presented a minor issue...Possibly a 20 px issue..

When clicking on a forum or or landing on a page from a quote or something, because part of the screen is taken up by the floating bar, the page is slightly out. It doesn't land below the floating bar and the top of the post is clipped a little.
Does anybody know where to add the necessary change?

Thanks all for your co operation in this matter..

For CSS help you need to provide a link. :)

Cheers tb, figured out a compromise..

Thanks for being there....