title: How do I make IE6 respect the class attribute?
body: <p>Long time reader, first time poster asks:</p>
  
  <p>After many weeks of google and forum trawling, I am still at a loss. I have a series of nested divs, some with ids, some with classes, and some with ids and classes.</p>
  
  <p>It's XHTML strict, and validates.
  Original code <a href="http://www.drewsonne.com/melonstack/?topic=brisbane" rel="nofollow noreferrer">http://www.drewsonne.com/melonstack/?topic=brisbane</a></p>
  
  <p>eg. </p>
  
  <pre><code>&lt;div id="main"&gt;
    &lt;div class="rEntry" id="r1"&gt;
      &lt;a href="http://www.brisbane.com"&gt;City of Brisbane&lt;/a&gt;&lt;br&gt;
      &lt;span id="rSum1" class="rSum"&gt;This is a website summary&lt;/span&gt;
    &lt;/div&gt;
    &lt;div class="rEntry" id="r2"&gt;
      &lt;a href="http://www.brisbane.gov.au"&gt;City of Brisbane&lt;/a&gt;&lt;br&gt;
      &lt;span id="rSum2" class="rSum"&gt;This is a website summary as well&lt;/span&gt;
    &lt;/div&gt;
      ... et cetera ...
  &lt;/div&gt;
  </code></pre>
  
  <p>For the purposes of testing, my CSS currently looks like this </p>
  
  <pre><code>.rEntry{
      padding:10px;
      margin:10px;
  }
  </code></pre>
  
  <p>For the life of me, I can not get this style to work at all in IE6. If I change to #r1, #r2, or div the style is applied to the appropriate elements, but neither div.rEntry nor .rEntry will make the style stick. Does anyone know where I have gone wrong?</p>
  
  <p>DJS.</p>