help, the cod ei used.... Options

[xAznBabeeGurlx]

please help ... this is the code I used but it doesn't work

[edit] I tried it again but the only thing it does is shows the code at the top of the page

CODE

<!-- begin code provided by createblog.com -->
<style type="text/css">
/* linh Stylesheet */
/* by Devona (xanga.com/xaznbabeegurlx) */
/* <a href='http://blogring' target='_blank'>http://blogring</a> */
body {
 scrollbar-arrow-color: #00CCFF;
 scrollbar-track-color: #ffffff;
 scrollbar-shadow-color: #ffffff;
 scrollbar-face-color: #00CCFF;
 scrollbar-highlight-color: #ffffff;
 scrollbar-darkshadow-color: #00CCFF;
 scrollbar-3dlight-color: #00CCFF;
 }
.blogbody, table.footer, .standard, td, p {
/* edits main text */
 font:normal 11px terminal;
 line-height:10px;
 color:00CCFF;
 letter-spacing:0px;
 text-align:justify;
 }
table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
 text-align: center;
 }
div.blogheader, .caption {
/* edits the dates */
 background-image: url();
 background-repeat: no-repeat;
 background-position: top left;
 font: bold 11px 'Modern', arial;
 font-variant: small-caps;
 font-weight: bold;
 color: #00CCFF;
 background-color: #ffffff;
 text-align: center;
 border: 1px solid #00CCFF;
 }
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
 color:#00CCFF;
 text-decoration: none;
 }
a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
 color:#00CCFF;
 text-decoration: none;
 }
a:hover {
/* edits when user mouseovers the links */
 color:#00FFCC;
 cursor: ne-resize;
 text-decoration: none;
 }
</style>
<!-- end code provided by createblog.com -->