wide table inside div - div not stretching

Question

Probably a dumb question with a simple answer but I can't seem to find a solution

I want a parent div to stretch when the child table width goes beyond page width

example: http://www.internetmotors.lv/public/table_div_stretch.html

what would be the best css solution for this

Answer 1

Setting the div to display: inline-block appears to do the trick.

Answer 2

You can use display: table; as well. (DIV)
But how to make the thing working on IE7? Anyone?