html DOM in IExplorer and Firefox

This simple code produces 2 different DOMs in firefox and internet explorer...

<body>
<ul>
      <li>test</li>
      <ul>
            <li>test2</li>
      </ul>
</ul>
</body>

in IE, it nests the second UL as a child of the LI above it...
but in firefox, the first UL has 2 children LI, and UL, and the UL is not a child of the LI, but a child of the UL.

I would like the IE DOM to do the same as the firefox DOM... any ideas?
LVL 8
edkim80Asked:
Who is Participating?

Improve company productivity with a Business Account.Sign Up

x
 
OliWarnerConnect With a Mentor Commented:
That's happening because the only thing that can be a child of a ul or an ol is a li. You need to put the child ul inside the li... like so:
<ul>
       <li>test
             <ul>
                    <li>test2</li>
             </ul>
       </li>
</ul>
0
 
edkim80Author Commented:
Ahh ok. bummer... thanks for the help
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.