Hi,
I have a website with 6 pages and a different banner on each page. They are fine in all browsers but IE6. At first I thought it was a problem with the background image but I realised that it was ok on the first page. I changed the order of the CSS background images and then whichever banner I put at the top works, and the rest don't.
For example, the banner in Waste Management page displays fine when it is at the top.
#banner.waste-management{background:#000 url('images/banners/waste.jpg') no-repeat center;}
#banner.why-eurosolve{background: url('images/banners/swirl.jpg') no-repeat center #000;}
#banner.products{background:#000 url('images/banners/products.jpg') no-repeat center;}
#banner.jobs{background:#000 url('images/banners/join-us.jpg') no-repeat center;}
#banner.our-approach{background:#fff url('images/banners/process.jpg') no-repeat center;}
#banner.health-safety{background:#000 url('images/banners/safety.jpg') no-repeat center;}
#banner.contact-us{background:#000 url('images/banners/contact-us.jpg') no-repeat center;}
Is there any reason why my CSS is breaking when IE6 tries to parse it? As I said, I think my code is correct as it does display sometimes, but crashes after the first one.
Thanks,
Carrie
