Horizontally fix element

Question

Using position:fixed fixes an element both vertically and horizontally, but I want my element only to remain horizontally fixed. That is, I want it to scroll vertically with the rest of the page.

Is there any CSS way of doing this? If not, would monitoring scroll offsets and then moving the element be the right approach?

Answer 1

I ended up doing something like this:

.fixThisHorizontally {
    position:absolute;
    z-index:100;
}

Then,

jQuery(window).scroll(function() {
    jQuery('.fixThisHorizontally').css('left', document.body.scrollLeft);
});

Thanks to all who answered.