It's working perfectly on my install.
You have the same usergroup designated for all of your ribbons. You need to change the usergroups for each ribbon to the usergroup number that corresponds to the usergroup for each ribbon.(and change the ribbon title you want to use for each usergroup ribbon.)
If you don't want the top ribbon pushed against the avatar box, change bottom margin to top margin in ribbon li... thus instead of spacing them from the bottom of each, you space them from the top of each, putting a space on the first one as well.
Whilst there is another way to do that... I would stick with the above for browser compatibility and ease.
thanks that worked like a charm how ever i moved mine to a different location, never could get the half ribbon for the online status so did something a little differant similar to brogans idea. screen coming to show it off.