Sonderzeichen via CSS automatisch anderer Farbe zuweisen

[Taschmahal]

Ok, ich habe das jetzt für den Content definiert. Ich habe noch nicht gesagt wie das CSS es umsetzten soll, und trotzdem zerschießt es meine Seite. siehe http://k10243-01.s02.xyon-hosting.de/taschmahal/taschmahal/

(Ich nutze Wordpress) post-template.php

function the_content($more_link_text = '(more...)', $stripteaser = 0, $more_file = '') {
 $content = get_the_content($more_link_text, $stripteaser, $more_file);
 $content = apply_filters('the_content', $content);
 $content = str_replace(']]>', ']]>', $content);
 $content = preg_replace('/(<|>|||,|.|-|;|:|_|µ|#|'|+|\*|~|´|`|ß|0|9|8|7|6|5|4|3|2|1|^|°|©|!|"|§|$|%|&|/|(|)|=|?|²|³|{|}||[|]|\\|@)/', '<span class="sonderzeichen">$1</span>',$content);
 echo $content;
}

Nur ist eben das Problem jetzt, dass es meinen Blog zerschießt. Ich weiß nicht warum, aber Bilder usw werden als Code angezeigt. Kennt jemand die Lösung bzw. den Fehler?

MFG

Taschmahal