title: Why is my "pre" HTML tag not working in one specific instance?
body: <p>I have some html that uses a few "pre" tags to preserve code snippets, using "html" as the lang. For the most part, it works, but in one specific instance, namely:</p>
  
  <pre><code>&lt;pre lang="html"&gt;
      &lt;li&gt;&lt;a runat="server" href="~/Images"&gt;Images&lt;/a&gt;&lt;/li&gt;
  &lt;/pre&gt;
  </code></pre>
  
  <p>Instead of preserving the snippet, it shows a bullet and a hyperlinked "Images" - what the deuce?</p>
  
  <p>The whole shebang can be seen, malformed, beneformed, and/or mutilated at: <a href="http://jsfiddle.net/7BSLc/" rel="nofollow">http://jsfiddle.net/7BSLc/</a></p>