title: Why are my <pre> and <code> tags reading the markup instead of producing code snipets?
body: <p>I'm working on this resource page for Churches who want to assist my organization (CURE International) in the Haiti earthquake relief effort: <a href="http://blog.helpcurenow.org/test/mockups/jan2010/jan2010_haiti_church_resources.html" rel="nofollow noreferrer">http://blog.helpcurenow.org/test/mockups/jan2010/jan2010_haiti_church_resources.html</a></p>
  
  <p>The trouble I'm having is that under step 4 you'll see I've created banner ads and I'm trying to produce code snipets (a.k.a. code blocks) for the users to copy and paste into their blog/site/whatever.</p>
  
  <p>I've used the "pre" and "code" tags, but the browser is still rendering the HTML instead of displaying the markup as text.</p>
  
  <p>Can anybody help me as to why I'm getting this result?</p>
  
  <p>Here's a sample of the markup: </p>
  
  <pre><code>&lt;li class="haitiWebBanner"&gt;
  &lt;p class="webBannerSize"&gt;300 x 250&lt;/p&gt;
  &lt;a href="http://helpcurenow.org/haitirelief"&gt;&lt;img src="http://static.helpcurenow.org/images/campaigns/jan2010/haiticrisis/cure-haiti-banner-300x250.jpg" title="Click Here to Donate Now!" alt="Help save lives in Haiti by supporting the relief effort through CURE International" width="300" height="250" border="0" /&gt;&lt;/a&gt;
  
  &lt;pre&gt;&lt;code class="html"&gt;&lt;a href="http://helpcurenow.org/haitirelief"&gt;&lt;img src="http://static.helpcurenow.org/images/campaigns/jan2010/haiticrisis/cure-haiti-banner-300x250.jpg" title="Click Here to Donate Now!" alt="Help save lives in Haiti by supporting the relief effort through CURE International" width="300" height="250" border="0" /&gt;&lt;/a&gt;&lt;/code&gt;&lt;/pre&gt;
  </code></pre>
  
  <p></li></p>