How to make div not larger than its contents?

Question

I have a layout similar to:

<div>

    <table>

    </table>

</div>

I would like for the div to only expand to as wide as my table becomes.

Answer 1

Try using the code given below:

display: -moz-inline-stack;

display: inline-block;

zoom: 1;

*display: inline;

Refer to this: Foo Hack – Cross Browser Support for inline-block Styling (2007-11-19).