Right-aligned dual-column layout loses horizontal scrollbars
I want a layout with two right-aligned columns. So, I create the three divs (two columns and a wrapper):

    <div id="wrapper">
        <div id="left">
            First column
        </div>
        <div id="right">
            Second column
        </div>
    </div>

I float the `left` div left, `right` div right, and set the correct widths for all three divs:

    #wrapper{
        width:30em;
    }
    #left{
        float:left;
        width:10em;
    }
    #right{
        float:right;
        width:20em;
    }

This all looks as expected...

![Without floating the div](http://img690.imageshack.us/img690/5844/rightrightalign.png)

..but then I float the `wrapper` div to the right, and neither WebKit nor Firefox display horizontal scrollbars if required:

![Without the right align](http://img690.imageshack.us/img690/8559/withoutrightalign.png)

The same happens if I use `position: absolute; right:0`

Is there a way to get a right-aligned, dual column layout without losing horizontal scroll bars?
Right-aligned dual-column layout loses horizontal scrollbars
===

I want a layout with two right-aligned columns. So, I create the three divs (two columns and a wrapper):

    <div id="wrapper">
        <div id="left">
            First column
        </div>
        <div id="right">
            Second column
        </div>
    </div>

I float the `left` div left, `right` div right, and set the correct widths for all three divs:

    #wrapper{
        width:30em;
    }
    #left{
        float:left;
        width:10em;
    }
    #right{
        float:right;
        width:20em;
    }

This all looks as expected...

![Without floating the div](http://img690.imageshack.us/img690/5844/rightrightalign.png)

..but then I float the `wrapper` div to the right, and neither WebKit nor Firefox display horizontal scrollbars if required:

![Without the right align](http://img690.imageshack.us/img690/8559/withoutrightalign.png)

The same happens if I use `position: absolute; right:0`

Is there a way to get a right-aligned, dual column layout without losing horizontal scroll bars?