this IE 6 and 7 bug http://www.xantec.com.my/xblog/?p=88 where something that’s positioned absolutely which follows on from something floated, disappears… the suggested fix is to put an empty div between the floated and positioned absolutely elements. are there any other ways to fix this does anyone know? any ways that don’t involve adding an empty new html element?
It depends on the situation but occasionally adding clear:both to the absolute element cures the bug (although it is actually meaningless to add clear:both to an absolute element). I’d need to see the live example to test out though.
The fullproof solution is to move the absolute element to the end of the current context and all is ok.
I documented the solution for IE6 about 7 years ago and updated it here:
this is an older version of the above test-ie-pos-prob.html page: rolfXesbutXchers.co.uk/contact (again, remove the two X’s)
i forget what’s been changed in detail, but the place where the problem is is basically the same i think: there’s a floated left element followed by an absolutely positioned element, and in that older version the absolutely positioned element appears fine.