Hi all, I'm working on a design, which aims at validating, and am having trouble getting some divs to line up flush in IE6. It works fine in Firefox 1.5 (both on pc). I've attached screengrabs of IE6 and FF. I wonder if anyone can offer any help?
There's two divs, both the same, with a repeating background image (the green diagonal pattern). <div class="band"></div> In IE6, there's a 6 pixel margin below both the band divs. I've moved the divs around, and wherever the band class goes, there's always this 6 pixel margin underneath, so I believe the problem lies with this div. I tried it with an image which was the width of the div, so it would seem it is nothing to do with repeating a small image across the div (the first time I've done this).
The css for this div is:
background: url("../images/home/band_back.gif") no-repeat;
The page can be found at:
The style sheet is at:
I'd be really grateful for any help with this. I've been looking at it and trying stuff, but can't see what is going wrong. I haven't been able to view the page in IE5.5 and 5 - can anyone tell me if the same error is there?
many thanks in advance,