Centered DIV - auto height

[osiris2k9]

I have the following:XHTML:\[code\]<div id="container"> // contents</div>\[/code\]CSS:\[code\]#container { margin: 0 auto; width: 940px; overflow: hidden; padding: 10px; border: 1px solid #CCCCCC; }\[/code\]The div is centered on the page with \[code\]margin: 0 auto\[/code\] and I use \[code\]overflow: hidden\[/code\] to allow the DIV to automatically expand down to the height of its contents.I have some content in the DIV which has a box-shadow on it. The problem is due to the overflow: hidden rule the shadow does not fully appear on the page. The only ways around this I have found:[*]Take out overflow: hidden - but then the container DIV doesn't expand down. [*]Use height / min-height on #container - however this wont work well with all pages on the site.[*]Use float: left - but then the DIV isn't centered on the page.Anybody got any more suggestions for this?