I have two floating divs #mainbar and #sidebar inside another div: #content. When the page is rendered the content of the two floating divs is rendered then the background colour of the #content div seems to roll-out. This occurs in both IE 6 and Firefox 0.9 at dial-up speeds, Opera 7.52 is fine. It's not a very professional looking effect. Is there something that I can do differently to stop this? The relevant CSS is shown below. A sample page can be found at: http://www.pricklypair.co.nz/register.php Thanks in advance for any assistance. Richard
/**********************/ /* Content */ /**********************/ #content { margin: 0; padding: 10px 20px 20px 20px; color: #000; font-weight: normal; background-color: #cc9; border-left: solid 1px #993; border-right: solid 1px #993; border-bottom: solid 1px #993;} /**********************/ /* Main content */ /**********************/ #mainbar { float: left; width: 66%; padding: 0 10px 0 0; background-color: transparent; border-right: solid 1px #660;} /**********************/ /* Side content */ /**********************/ #sidebar { float: right; width: 30%; padding: 5px 0 5px 5px; margin: 0 0 5px 0; font-size: .90em; background-color: transparent;} ****************************************************** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************