I'm using an external style sheet, so my code looks like this:
BODY {
font-size:7pt;
font-family: verdana,arial;
font-color: #929292;
line-height:12px;
letter-spacing:.5px;
font-size:7pt;
background:none; allowtransparency;
scrollbar-face-color:#929292;
scrollbar-shadow-color:#929292;
scrollbar-highlight-color:#929292;
scrollbar-3dlight-color:#929292;
scrollbar-darkshadow-color:#929292;
scrollbar-track-color:#ffffff;
scrollbar-arrow-color:#ffffff; }

.head {font-family: verdana, arial; font-size: 7pt; font-weight: bold; letter-spacing:1px;
border: 1px solid #929292; text-align: center; background: #892DE4; background-image: url(''); color:#929292;}

A:link { text-decoration: none; color:black; }
A:visited { text-decoration: underline; color:grey; }
A:active { text-decoration: underline overline; color:#892DE4; }
A:hover { text-decoration: line-through; color:929292;

background-color: #892DE4;
border: 1px solid #929292;
}

textarea {
color: ;
background: 0;
font-size: 7pt;
font-weight: normal;
text-decoration: none;
font-family: verdana,arial;
text-align: center;
border-width: 1px;
border-style: dashed;
border-color: #892DE4;
}

td
{ font-size: 7pt;
font-family: verdana,arial;
font-color: #892DE4;
font-weight: bold;

backround-color: #892DE4;
}
What I am having issues with is the above code. It doesn't work! It shows up as bold, black text with no bg. Can someone tell me what's wrong with the code? Thanks :D

call me eagle eyed or something, but shouldn't the background be:


background-color: #??????

you forgot the G in background. background not backround.

hope this helps.

and another mistake i spotted, but it's not related:

in the body selector, use:

color: #??????

not:

font-color: #??????



hope this helps.

Thanks so much! I'm sure this'll fix it :D

there may be a problem with these two lines as well...

letter-spacing:.5px;

if using a decimal, i like to enter a zero in front of it.

letter-spacing: 0.5px;

and this line...

background:none; allowtransparency;

that red part should not be there.