creating DIVs with javascript, not displaying properly in IE

The idea is to have a home-grown drill-down feature aside from the mootools stuff.

There is a div with a link. When that link is clicked, it opens a new div just beside the original div. The new div also has a link. When that one is clicked it opens a new div just beside that one, and so on…

Its working. To an extent. Looks wonderful in FireFox (and Safari). In IE 6 it works somewhat, but the CSS seems to be messed up and the styling of the DIV is not pulling through.

Curious of ways I can troubleshoot or if anyone else has encountered similar solutions.

Sample here:
thelast5.com/temp/csstest.html (http://thelast5.com/temp/csstest.html)

Solved


FireFox/Safai:
newdiv.setAttribute('class', 'groupDiv');

IE:
newdiv.setAttribute('className', 'groupDiv');


It appears that IE doesn't recognize 'class' but knows 'className',
therefore it wasn't applying the correct CSS style.