title: IE6 Text goes missing in dl tag
body: <p>I'm testing a website in Internet Explorer 6 and I am baffled by this issue.</p>
  
  <p>I have a data-list on the page, which shows the amount to pay - here it is.</p>
  
  <pre><code>&lt;dl&gt;    
     &lt;dt&gt;Amount to pay:&lt;/dt&gt;
     &lt;dd class="note"&gt;
          &lt;span id="total"&gt;£39.99&lt;/span&gt; (includes delivery)
     &lt;/dd&gt;
  &lt;/dl&gt;
  </code></pre>
  
  <p>The CSS rule for this is such that it lays out like this:</p>
  
  <blockquote>
    <p>Amount to pay: £39.99 (includes
    delivery)</p>
  </blockquote>
  
  <p>Which is made possible with this css</p>
  
  <pre><code>dt { float: left; width: 11em }
  dd { margin-left: 15em }
  </code></pre>
  
  <p>Strangely though, the text "Amount to pay" goes missing in IE6. If I search for it by performing a "search this page" it does find the text, it just isn't at all visible.</p>
  
  <p>Any suggestions, comments or insults welcome.</p>