I have most of my page's content within <div id="ret">
. At some point, this content is wrapped inside a <div id="_">
-- this has all sorts of CSS implications, as there is a stylesheet that has already loaded with the page full of rules beginning with the selector #_ #ret{}
.
However, the new styling implications are not acknowledged (I've checked with the DOM inspector - ostensibly, the contents are styled as if the DOM structure hadn't been changed).
I know from experience that IE is ambiguous with dynamic content and stylesheets, and has numerous issues with the two coming into play, so I tried various hacks to force redraws and re-interpretations - namely document.getElementById('_').innerHTML += ' ';
, to force a redraw of the DOM, and document.createStyleSheet(urlToAforementionedCSS)
, to reload the stylesheet after the DOM has changed. I can see from the status bar and brief FOUCs that both these hacks are indeed causing re-renders, but still it's as if the new cascade's explicit rules in the CSS mean nothing.
What am I missing?