Have table inside div ignore max-width?

Have table inside div ignore max-width?

I have the following code:
<div style="max-width: 100px; overflow: scroll">
<table>...</table>
</div>
I want to limit the size of the div, but have the table stretch as far as
it wants (i.e. ignoring the max-width attribute of the parent div. How do
you do this? Currently the browser resizes the table in attempt to follow
the max-width...