right-ribbon scrolls horizonal

[rolandort]

I would suggest to remove the overflow-x which will effect the page behavior! body { overflow-x: hidden; } and simply replace .ribbon { position: absolute; ... by .ribbon { position: fixed; ...

This will make sure the page can be scrolled horizontally on wide sites as its should be when the ribbon is placed top-right. With position:fixed the page can be scrolled in the back without moving the ribbon from its position.