Tim, > > #box { float: left; } /* will ensure that the box 'shrink-wraps' > around you content. */ > > #wrapper { overflow: auto; } /* will ensure that your float is > contained */ > > #footer { clear: both; } /* will ensure that your footer clears the > floated box */ > ______________________________________________________________________
Thank you SO much for your prompt reply and suggestions! This works and I never would have thought to do these things... There is one additional problem now. The portrait image box is aligned to the left, not centered. I can't really use margin:auto; for the #mainGal div because I already have margin-left:185px to allow for the left nav, and adding margin:auto; to the #box div doesn't change anything. Any suggestions on how to fix this last detail? The client really wants the photo box to be centered above the footer. It was a big struggle for me to get this far, but I have the one last hurdle to climb (of course, there's still IE6, but I want everything to work in the compliant browsers first). Thanks, Debbie ______________________________________________________________________ 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/