Trying stop the body from being placed below the sidebar

Question

http://jsfiddle.net/5V7Q7/3/

What I am trying to do is stop the body from moving below the sidebar when there is not enough space for the body next to the sidebar.

I would much prefer that the body becomes hidden off screen. than be placed Below the sidebar.

(Resize the browser to see effects) - Click fiddle link for example of what is happening.

Answer 1

Here's the jsfiddle to do what you want

Basic idea is:

#body, #sidebar {display: table-cell;}

and remove all float:left.