I have created 3 divs:
a top one with a background image,
a middle one with some text it
and a third one with another background image.
My issue is that the bottom div has a gap between it and the middle one although there's no margin or padding set for any of them.
The top and middle are correct but the middle and bottom one have this gap and it's only like this in IE8
The address is: http://mihaiil.eu/test/index.html and this is the css code:
I don't have IE8 in front of me now, and IE6 and 7 are fine, but I do see in my browser there is some default top-bottom margin on the ul's inside. Possibly IE8 is seeing those and doing something funky with them?
This may screw up your bullets in some browsers, because some use left margin to show bullets while others use left-padding.
For this reason I remove both from all lists all the time and then manually put in the one I want (usually padding) for all of them.