Probleme mit UTF-8 und IE

[undefined]

Ich lese aus einer Datenbank Textpassagen und übergebe diese dem XSLTProzessor. Dabei Konvertiere ich den Text mit php:rawurlencode().
Bei einem Klick auf den Link wird der div Layer angezeigt und mit dem Text gefüllt. Mit Opera/Konqueror und allen Moz Browsern habe ich keine Probleme.
Außer IE, der kann den Zeichnsatz nicht Darstellen und macht die üblichen Fehlerdarstellungen. Gibt es eine Möglichkeit das dem IE bei zu bringen?

<xsl:template match="texte" mode="preview">
<xsl:param name="title" />
<a>
   <xsl:attribute name="href">
      <xsl:text>javascript:PreviewNews('</xsl:text>
      <xsl:value-of select="." />
      <xsl:text>');</xsl:text>
   </xsl:attribute>
   <xsl:attribute name="type">
      <xsl:text>text/javascript</xsl:text>
   </xsl:attribute>
   <xsl:attribute name="title">
      <xsl:text>Anlesen</xsl:text>
   </xsl:attribute>
   <xsl:value-of select="$title" />
</a>
</xsl:template> 

function PreviewNews(i)
{
   var div = document.getElementById('PreviewLayer');
   div.setAttribute( 'title', 'Schließen' );
   div.style.cursor = 'pointer';
   div.innerHTML = '';
   if ( div.style.display == 'none' )
      SwapDisplay('PreviewLayer');

   div.appendChild( document.createTextNode( decodeURI(i) + '...' ) );
   var u = document.createElement( 'u' );
   u.setAttributeNode( document.createAttribute( 'style' ) );
   u.style.color = 'blue';
   u.appendChild( document.createTextNode( 'Schließen' ) );
   div.appendChild( document.createElement( 'br' ) );
   div.appendChild(u);

   div.onclick = function() {
      div.style.display = 'none';
   }
}