I’m a CSS learner driver having a spot of bother with an IE (5 & 6) bug which introduces spaces in my header and footer, so they don’t fit the 760px container. Both the header and footer divs contain floats – left and right, on images that should sit tight against the beginning and end of the divs (but they don’t in below IE7 browsers). Instead, a 1-2 pixel space is introduced.
You can take a look at what happens – I’ve got comparative screen grabs at
[URL=”http://www.ashby-design.co.uk/test/oops.html”]www.ashby-design.co.uk/test/oops.html
the index page is at [URL=”http://www.ashby-design.co.uk/test/index.html”]www.ashby-design.co.uk/test/index.html
style sheets are at [URL=”http://www.ashby-design.co.uk/test/default.html”]www.ashby-design.co.uk/test/default.html
[URL=”http://www.ashby-design.co.uk/test/design.html”]www.ashby-design.co.uk/test/design.html
I would seriously appreciate someone with a bit of knowledge giving me a clue as to how to rectify the problem.