My page is not displaying correctly in Internet Explorer. Its displays properly in all other browsers.
The issue: Internet Explorer
When the page is loaded-- Internet Explorer places DIV tags between the the <LI> elements on my page and in other areas of the controls which have been dynamically added to a placeholder on the child form during page load. The first <UL> element on the list has an ID assigned. The java-script functions correctly on the first <LI> element but does not get to the rest as <DIV> tags have been placed between them breaking up the nodes.
Opera, Safari, Chrome and Firefox load these controls without separating the elements with additional DIV tags. They remain grouped together and display as intended. As they remain in the proper UL container my Java-Script can collapse the list as designed by getting the child elements of the UL.