space problems with Internet explorer 6

Question

I have this webpage

the OK : http://ldetek.com/a.jpg the problem : http://ldetek.com/b.jpg

Why is there a HUGE gap of white space for no reason.. only in IE (6)

I know the inline trick.. but it don't work !

coded page : here

---

• if the margin on the #content is remove the problem is fix, but i cannot seem to find solution to get the white space around the whole inside... any idea ?

Answer 1

no idea about the issue, although removing float from .infoblock fixes it...

Answer 2

On IE 6 the padding-top in #content causes the behavior (I used the IE Web Development Tools to find it empirically). IE 6 and IE 7 have a problem with the box calculations, and especially the padding. Maybe using margins colud leviate the effect, but I am not sure.

IE 7, IE 6, IE 8 compatibility mode all show the same behavior.

Add a class to all divs except the first and assing margin-top: -50px to it and make sure that this is only applied to IE 6, 7, and 8 if in compatibility view.