Ghost Characters (HELP PLEASE)

[Guest KuztomCarz]

Hello, I am extremely new to web design. I have HTML down and have read tips about CSS. I am moving forward nicely, accept for a problem or two. My problem right now that I cannot find an answer to is a floating set of characters on my web pages when I apply the CSS. I guess I will start with posting the code I have now, even though it is just the basic CSS tutorial found on http://www.how-to-build-websites.com/css_Tutorial/index.php:

/* Generic Selectors */ 
body { 
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 14px;
   color: #333333;
   background-color: #F9F9F9;
}

p { 
   width: 80%; 
} 

li { 
   list-style-type: none; 
   line-height: 150%; 
   list-style-image: url(../images/arrowSmall.gif); 
} 

h1 { 
   font-family: Georgia, "Times New Roman", Times, serif; 
   font-size: 18px; 
   font-weight: bold; 
   color: #000000; 
} 

h2 { 
   font-family: Georgia, "Times New Roman", Times, serif; 
   font-size: 16px; 
   font-weight: bold; 
   color: #000000; 
   border-bottom: 1px solid #C6EC8C; 
} 

/**************** Pseudo classes ****************/ 
a:link { 
   color: #00CC00; 
   text-decoration: underline; 
   font-weight: bold; 
} 

li a:link { 
   color: #00CC00; 
   text-decoration: none; 
   font-weight: bold; 
} 

a:visited { 
   color: #00CC00; 
   text-decoration: underline; 
   font-weight: bold; 
} 

li a:visited { 
   color: #00CC00; 
   text-decoration: none; 
   font-weight: bold; 
} 

a:hover { 
   color: rgb(0, 96, 255); 
   padding-bottom: 5px; 
   font-weight: bold; 
   text-decoration: underline; 
} 

li a:hover { 
   display: block; 
   color: rgb(0, 96, 255); 
   padding-bottom: 5px; 
   font-weight: bold; 
   border-bottom-width: 1px; 
   border-bottom-style: solid; 
   border-bottom-color: #C6EC8C; 
} 

a:active { 
   color: rgb(255, 0, 102); 
   font-weight: bold; 
} 

/************************* ID's *************************/ 

#navigation {
   position: absolute;
   z-index: 10;
   width: 210px;
   height: 600px;
   margin: 0;
   border-right: 1px solid #C6EC8C;
   font-weight: normal;
}
#centerDoc { 
   position: absolute; 
   z-index: 15; 
   padding: 0 0 20px 20px; /*top right bottom left*/ 
   margin-top: 50px;
   margin-left: 235px;  
}

 

Two things: Is it because I cut and pasted this from somewhere that I get "" on the top right corners of my pages? Also, if this is answered somewhere else I did just miss it. Please just reply with a link to the correct topic. Thank you!

[Susie]

Hello,

 

It sounds like you've got the BOM characters showing. Check this thread for a possible solution: http://www.killersites.com/forums/topic/265/i-bom-characters/ .