title: DL stacking, do I miss some CSS?
body: <p>I am using recursive DL elements as follows:</p>
  
  <pre><code>&lt;dl&gt;
    &lt;dt&gt;1&lt;/dt&gt;
    &lt;dl&gt;
        &lt;dt&gt;1.1&lt;/dt&gt;
        &lt;dl&gt;
           &lt;dt&gt;1.1.1&lt;/dt&gt;
        &lt;/dl&gt;
    &lt;/dl&gt;
  &lt;/dl&gt;
  </code></pre>
  
  <p>In Firefox this is rendered as follows:</p>
  
  <pre><code>1
     1.1
         1.1.1
  </code></pre>
  
  <p>But on Chrome and Internet Explorer I only get:</p>
  
  <pre><code>1
  
  1.1
  
  1.1.1
  </code></pre>
  
  <p>How can I write code that renders similarly on Firefox
  and Chrome/Internet Explorer. Some special styling of
  DL with CSS? I prefer the Firefox rendering.</p>
  
  <p>P.S.: Normally dl has at least one dd or dt. The definition 
  is <code>&lt;!ELEMENT dl (dt|dd)+&gt;</code>. So I guess it is allowed to 
  only have a dt and no dd. But what is unorthodox, is to 
  have a dl inside a dl.</p>