HTML shows up...?, why does it come up as regular text? Options

[kawaiisakura]

So, I'm working on a myspace layout... I go to put the code in the About Me section... I hit submit... and the code shows up as though it were part of my profile. I can't find any visible errors (it's not completely done yet, I need to work on the background image in Photoshop before I add it). Here's the code...

<!-- begin code provided by createblog.com --><br /><Style type="text/css"> <br />body{ cursor:crosshair; background-color:FFFFFF; background-image:url(); background-position:bottom left; <br />background-attachment:fixed; <br />background-repeat:no-repeat; <br />scrollbar-track-color:red; <br />scrollbar-face-color:red; <br />scrollbar-highlight-color:FFFFFF; <br />scrollbar-base-color:FFFFFF; <br />scrollbar-darkShadow-color:FFFFFF; <br />scrollbar-shadow-color:red; <br />scrollbar-arrow-color:red; <br />} <br /><br /><br />Table, Td{ background-color:transparent;} <br /><br />table table table{ width:100%; <br />background-color:transparent; border-color:red; border-style: dotted; border-width:6px; } <br /><br />table table table table{ width:auto; } <br /><br />table table table table, table table table td{ border-style:none;<br /> } <br /><br />body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{ color:000000; font-size: 7pt; font-weight:normal; font-style:normal; <br />font-family: times new roman italic; line-height: 12pt;} <br /><br />.orangetext15, .lightbluetext8, .whitetext12, .nametext, .btext, .redtext, .redbtext{ color:red; font-size: 10pt; font-weight:bold; font-style:normal; <br />font-family: times new roman italic; line-height: 10px; } <br /><br />a, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.redlink, a.redlink:visited{ color:red; font-size:7pt; font-weight:bold; font-style:normal; font-family:georgia, arial, times new roman; line-height: 10px;} <br /><br />a:hover, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, <br />a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover{ cursor: crosshair; color:000000; font-size:7pt; font-weight:bold; text-decoration:none; background-color: cc99ff; font-style:normal; <br />font-family:georgia, arial, times new roman; line-height:8px; letter-spacing: 4px;} a:hover img{ cursor: se-resize; filter:blur (add=1, direction=270, strength=4, enabled=1); } <br /><br /></Style><br /><br /><!-- end code provided by createblog.com -->

Anyone know what gives???