Placing HTML Code Box on a Page for users to Copy

I have a site where I’m adding myspace layouts for the different products to a page on my wordpress site but everytime I try to paste the css/html code into a box for users to copy it changes the css on the wordpress site and/or distorts the code in the box and adds the characters %br &/br and what not. I tried to use a code changer to convert it into the characters above and it seemed to work, but when i copied the code and applied it to my myspace page it was missing some pieces of the layout!…

I’ve had to resort to placing the code on preview myspace pages and having users copy it directly from the myspace page, but thats not as efficient and doesn’t work well for ranking for the terms if I could create pages and paste them on my own site for users to copy out of a html code/text box
Thanks for any help

Any help?