title: Nested list oddities from TinyMCE with Diazo
body: <p>We have a website running Plone 4.3 and Diazo to theme it. One of our content editors reported this weird issue. He was editing a page on our website involving nested lists: an ordered list with indented bulleted lists on certain items. </p>
  
  <p>The code is formatted correctly on the unthemed version (sans Diazo) of our website, and looks correct when you look at the HTML view in TinyMCE (while editing). When it outputs through Diazo, though, the list tags get jumbled. Here's the code:</p>
  
  <p><a href="http://bit.ly/HrRQvw" rel="nofollow noreferrer">The "correct" version (from in TinyMCE and unthemed version)</a> — </p>
  
  <pre><code>&lt;ol&gt;
      &lt;li&gt;&lt;/li&gt;
      &lt;li&gt;&lt;/li&gt;
      &lt;ol&gt;
          &lt;ul&gt;
              &lt;li&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/ol&gt;
      &lt;li&gt;&lt;/li&gt;
      &lt;li&gt;&lt;/li&gt;
      &lt;li&gt;&lt;/li&gt;
      &lt;li&gt;&lt;/li&gt;
  &lt;/ol&gt;
  &lt;ol&gt;
      &lt;ul&gt;
          &lt;ul&gt;
              &lt;li&gt;&lt;/li&gt;
              &lt;li&gt;&lt;/li&gt;
              &lt;li&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/ul&gt;
  &lt;/ol&gt;
  </code></pre>
  
  <p><a href="http://www.caes.ucdavis.edu/admin/resources/aes/reeport/copy_of_proposal-checklist" rel="nofollow noreferrer">The weird version (through Diazo)</a> — </p>
  
  <pre><code>&lt;ol&gt;
      &lt;li&gt;&lt;/li&gt;
      &lt;li&gt;&lt;/li&gt;
      &lt;ol&gt; 
      &lt;/ol&gt; 
  &lt;/ol&gt; 
  &lt;ul&gt;
      &lt;li&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;li&gt;&lt;/li&gt;
  &lt;li&gt;&lt;/li&gt;
  &lt;li&gt;&lt;/li&gt;
  &lt;li&gt;&lt;/li&gt;
  &lt;ol&gt; 
  &lt;/ol&gt; 
  &lt;ul&gt;
      &lt;ul&gt;
          &lt;li&gt;&lt;/li&gt;
          &lt;li&gt;&lt;/li&gt;
          &lt;li&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Actually I just saw that <a href="https://stackoverflow.com/questions/6917944/tinymce-makes-invalid-nested-lists">TinyMCE fixes this in version 3.4.4</a> (it outputs the real correct code, with the nested list within the <code>&lt;li&gt;&lt;/li&gt;</code>) — but is there a reason Diazo is doing this? The XML rules pulling this code through aren't targeting the lists at all, just the parent container (.main .content).</p>