z-index problem on IE6 and IE7

Sometimes z-index property defined in CSS file does not help. IE would still render some elements with bigger z-index behind elements with lower z-index.

Setting z-index using javascript fixed my z-index problem on IE.

document.getElementById('myElement').style.zIndex = "500";

JavaScript parsing and evaluation

By default script tags are not parsed and evaluated by browsers when you try to inject them as regular text ( for example using innerHTML). Following code borrowed from mootools library will do it for you.

var myText = "html here <script>alert('javascript eval worked');</script>";
var scripts = [];
var regexp = /<script[^>]*>([\s\S]*?)<\/script>/gi;
while ((script = regexp.exec(myText))) scripts.push(script[1]);
scripts = scripts.join('\n');
if (scripts) (window.execScript) ? window.execScript(scripts) : window.setTimeout(scripts, 0);