Hi, I am having huge problems with my CSS code.
My website is http://www.angelfire.com/blog/sophie
all my pages have the link to my CSS code on them, and my CSS code is called stylecss.css
In my CSS code, i have codes for the background, images/background.jpg
When i look at the html code in the stylecss, and preview it, the background image works great, so i save it, and then go into my frames page to see how it looks. on any of my pages, the background will not show up, but all the rest of the CSS code does work, I really do not understand why?

Try fixing your CSS replace your css file with this. I think I got all the bugs out, but I'm not a great CSS person.
A:link {color:#C5C6FF;}
A:visited {color:#FFFFC0;}
A:active {color:#C5C6FF;}
A:hover{color:#C5C6FF; }

body
{ background: "images/background.jpg";
scrollbar-face-color: #C5C6FF;
scrollbar-highlight-color: #FFFFC0;
scrollbar-3dlight-color: #C5C6FF;
scrollbar-darkshadow-color: #FFFFC0;
scrollbar-shadow-color: #FFFFC0;
scrollbar-arrow-color: #FFFFC0;
scrollbar-track-color: #C5C6FF;
background-color: #C5C6FF; }
td,p,body{color:#C0C0FF;font:8pt Tahoma;font-weight:normal}

No, that still did not work!
I just have no idea why, you are the 4th person who has checked it for me, & no-one knows why!
Everything else works, except the background, which comes up as a plain colour!

Since you are linking it you do not need the <style> tags, so the file should look like this, also I just discovered the image link was wrong in the css.
A:link {color:#C5C6FF;}
A:visited {color:#FFFFC0;}
A:active {color:#C5C6FF;}
A:hover{color:#C5C6FF; }

body
{ background-image: url(images/background.jpg);
scrollbar-face-color: #C5C6FF;
scrollbar-highlight-color: #FFFFC0;
scrollbar-3dlight-color: #C5C6FF;
scrollbar-darkshadow-color: #FFFFC0;
scrollbar-shadow-color: #FFFFC0;
scrollbar-arrow-color: #FFFFC0;
scrollbar-track-color: #C5C6FF;
background-color: #C5C6FF; }
td,p,body{color:#C0C0FF; font:8pt Tahoma; font-weight:normal}

It's not working because you have your background colour specified as well. While this is a good thing, since some people choose not to view images on the internet, the background colour you want to show up will for them instead of the default white.
For everyone else however, we do want to see that image. Since you have the background colour specified AFTER you've put in the background image, it's over riding it in a sense. All you need to do is move the image code below the colour, and that'll work for you.


A:link {color:#C5C6FF;}
A:visited {color:#FFFFC0;}
A:active {color:#C5C6FF;}
A:hover{color:#C5C6FF; }

body
{ scrollbar-face-color: #C5C6FF;
scrollbar-highlight-color: #FFFFC0;
scrollbar-3dlight-color: #C5C6FF;
scrollbar-darkshadow-color: #FFFFC0;
scrollbar-shadow-color: #FFFFC0;
scrollbar-arrow-color: #FFFFC0;
scrollbar-track-color: #C5C6FF;

background-color: #C5C6FF;
background-image: url(images/background.jpg); }

td,p,body{color:#C0C0FF; font:8pt Tahoma; font-weight:normal}