As it stands at the moment, the site CSS is corrupting the way the code-view should be seen.

We see

when we should be seeing

Hopefully this will be fixed soon but it does heavily impact on us modders because any code put into code-view is illegible.

I got sick of waiting for this to be corrected (yes, I'm very impatient) but you can fix it yourself if you are using FireFox as your browser. If you aren't using FireFox I would highly recommend it anyway - regardless of whether you want to fix this issue or not.

Anyhow, once you have FireFox running, grab an add-on called Stylish (Tools --> Add-ons and search for Stylish). It will appear in the bottom right of your browser (as in the screen shots above).

Navigate to a forum entry with XML code so you can test things and right-click the Stylish icon. Then select Write new style --> For forums.elemental.com...

Name it whatever you want. I called mine Elemental Forum Fix Code Block and at the bottom of the edit panel place the following CSS code:

And that's all you need to do.

Even if you are using Internet Explorer and can some-how overwrite the CSS code, it won't work because IE doesn't support the !important declaration used to force precedence of these commands.