Question

I have a JavaScript menu in my website with ul and li structure like this:

<ul id="...">
<li class="..."><a></a></li>
...
</ul>

JsFiddle: Organization Chart Test

and in one page of my website, I have an organization chart, that made with same structure like my menu.
The problem is in IE8 and IE9 and only in my organization chart page, the menu does not show its sub menu.
The problem will be solved when I delete some li and ul of my organization chart. This means that When I use more than 5 ul and li nested, The menu stop working.

My organization chart structure is so simple and not using Javascript for show or hide sub levels.
So please check this link and tel me why this happen?
JsFiddle: Organization Chart Test

Answer 1

Just use !DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd” above title in “<>”