I'm having an issue with a <rich:dataTable> that I'm using.  I'm trying to get the dataTable to resize to 100% of the width of the browser.  The table has enough columns that it won't fit on a 19" screen at once without scrollbars.  If I set the width attribute to 100%, it's making the table itself 100% and forcing scrollbars.  I have the dataTable nested inside a <div> which is set to a 100% width, with overflow-x set to "auto". 

I would set it to a fixed width, but some of the users will be using 24" monitors, and some will be using 19", so I'd like to have it dynamically resize to conform to the browser, and add scrollbars as needed.

Any ideas?