Try this: Set the outer div to have text-align: center Set div.wrapper etc. to be display: inline-block. Remove the floats.
To make this work in <IE8 you wil need to give the inline-block elements layout (e.g. zoom: 1) and set them to be display: inline. This should be in a separate stylesheet. It may fail in <Firefox 3. You can make some inline-block layouts work with -moz-inline-box or -moz-box. Google for inline-block and how to make it work in IE and Firefox 2. ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
