Thanks to Gunlaug's suggestion to try this approach for my 2-column design:
<http://www.alistapart.com/articles/negativemargins/> I've ported my earlier attempt over to this - and quite easily (though IE6 is totally messed up yet, and IE 7 has a couple quirks). http://www.springfieldmo.gov/newSite/negMargin.html http://www.springfieldmo.gov/newSite/negMargin.css But focusing on one issue at a time, the one that is across all browsers is the upper left rounded corner in the content area. I'm using only one image for all 4 corners to minimize server calls, but it's making it difficult to get the text to be on top of that one image. I thought about applying a z-index through a class to the h1 tag (or to whatever else might be in that position), but this isn't a great option when text is resized smaller. The corner then ends up on top of the text below the top heading. Any ideas for getting the upper left rounded corner (.tlC) to live below any content? Now to try and figure out why in the world IE6 blows this apart ... Chris A. ______________________________________________________________________ css-discuss [EMAIL PROTECTED] 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/
