I'm trying to use SyntaxHighlighter inside Articles and I'm getting some weird formatting. This is my markup:
<pre class="brush: js">
function path()
{
var args = arguments,
result = []
;
for(var i = 0; i < args.length; i++)
result.push(args[i].replace('@', '/pub/sh/current/scripts/'));
return result
};
</pre>
This is the result I'm getting in my blog page:

If I doubleclick on the code (as if I was going to copy it), the code reformats correctly - but only until I click again - at which point it goes back to the original format.
If I view page source, it looks like this:
<pre class="brush: js">
function path()
{
var args = arguments,
result = []
;
for(var i = 0; i < args.length; i++)
result.push(args[i].replace('@', '/pub/sh/current/scripts/'));
return result
};
</pre>
Which is exactly what I would expect if it was working. I have not made any changes to Articles templates nor any css and I am getting similar results on other pages. I am perplexed. Any help would be greatly appreciated. Thanks, Robert.