Thanks for the help. I removed the margin-bottom from the banner id and then added margin-top to the mainNav, main and news id's to push them away from the banner and it seems to be working. To answer the question from Neil, I am using ID's on all div due to the fact that there is only one occurrence of those objects in the page. If there were multiple items needing the same style properties, I would use class selectors instead.
I HATE IE 6 !!! Thanks again Doug -----Original Message----- From: Mark Henderson [mailto:[EMAIL PROTECTED] Sent: Tuesday, March 13, 2007 10:03 PM To: CF-Talk Subject: RE: CSS? Doug, it looks like a variation of margin-collapsing, which you can read more about here: http://www.andybudd.com/archives/2003/11/no_margin_for_error/ The easiest solution is to change the margin on banner ID to padding: #banner { background-image:url(images/green_banner.jpg); height:79px; padding-bottom:50px; } .....which yields a consistent result across most browsers (at least on my system). This may or may not be suitable depending on the requirements of the layout, so let us know. There are other ways around the problem if need be. HTH Mark -- This message has been scanned for viruses and dangerous content by ISPNZ's automated virus detection system, and is believed to be clean. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~| Upgrade to Adobe ColdFusion MX7 Experience Flex 2 & MX7 integration & create powerful cross-platform RIAs http://www.adobe.com/products/coldfusion/flex2/?sdid=RVJQ Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:272643 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
