horizontal scrollbar for ul

Question

For some reason, I can\'t prevent the UL and it\'s LI\'s from wrapping. I want the UL\'s width to be exactly the width of the LI\'s on one line (without wrapping) and if the

Answer 1

You can use display: inline-block; white-space: nowrap; for the wrapper and display: inline or display: inline-block for the children.

So, it would look like this: http://jsfiddle.net/kizu/98cFj/

And, if you'll need to support IE add this hack in conditional comments to enable inline-blocks in it:

.navbuttons,
.navbuttons LI {
    display: inline;
    zoom: 1;
}