title: Inline html style fine in Firefox, not working in IE
body: <p>This is interesting.  The attached very simple code gives nice 'background highlighted' text in Firefox, but displays no highlighting in IE7 (and possibly others, not yet tested).</p>
  
  <p>The use of such inline elements is important because I'm using them in a grid to highlight important words etc.</p>
  
  <p>Test.html</p>
  
  <p></p>
  
  <pre><code>&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;link rel="stylesheet" href="Test.css" type="text/css" /&gt;
  &lt;/head&gt;
  &lt;body&gt;
  This is &lt;hlr&gt;a test&lt;/hlr&gt; of the &lt;hlr&gt;highlighting&lt;/hlr&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Test.css</p>
  
  <pre><code>/*RED Highlighted text.*/
  hlr
  {
      background-color: #FF5555;
      font-weight: bold;
      font-size:100%;
  }
  </code></pre>
  
  <p>Bizarre!  Any thoughts on how to remedy it?</p>