I.E.’s disapearing content

A common bug where internet explorer crops or fails to display content within floated elements. The exact cause is a bit of a mystery but the problem can usually be fixed with:


div#floatedelement *{position:relative;}

As with all ie fixes I’d recommend putting it in a ie only css file using conditional comments. There may also be instances where you need to be a bit more selective with the css, e.g. when using relative positioning within the floated element. Quite often thought this can simply be modified to something like

'div#floatedelement * *'

to take into account the depth of the nodes… either way a ‘position:relative;’ will usually cause I.E. to display the problematic element.

Leave a Reply