How Can I Have Text That Is Always Float: Right With A Horizontal Scroll Bar

I have a top navigation section at the top of a web page and I have some content that is setup as float: right; this works great except that the content part of the page is now

Solution 1:

You can use this : http://jsfiddle.net/XHRkS/

use the position:fixed; and right:0;

Solution 2:

Forget the floating. You should set the position to absolute and then set the right to 0.

Solution 3:

Sounds like you have it in a container and it is floating to the right of the container not the body. Take it out of the container and put it below the body tag. Or give it absolute positioning of right:0;