Here is my website: http://www.freewebs.com/moniquecoleman-online: i'm having a problem. The iframes are supposed to be the cream colour featured on the layout but they are appearing white is there a way i can change this?

Re-save your stylesheet as stylecss.css not stylecss.html

I tried it but it still appears white on the layout

It's because you have some errors in your stylesheet, try this:


<!--body{
AdMchaa-face-color:#1B1D4D;
AdMchaa-highlight-color:#1B1D4D;
AdMchaa-3dlight-color:#1B1D4D;
AdMchaa-shadow-color:#1B1D4D;
AdMchaa-darkshadow-color:#1B1D4D;
AdMchaa-track-color:#1B1D4D;
AdMchaa-arrow-color:#1B1D4D;
background-color: #1B1D4D;
background-position: 100px 50%;
font-family: Tahoma;
font-size: 7pt;
color: #1B1D4D
}

a:link, a:active, a:visited {
color:#1B1D4D;
text-decoration : none; border-bottom : 0px solid ;
text-transform: uppercase;
font-weight : bold;
cursor : default;
cursor : help;
}
a:hover {
color: #1B1D4D;
}
a img {
border: 1px solid #1B1D4D;
}
a:hover img {
border: 1px solid #1B1D4D;
}
b {
color: #1B1D4D;
}
table, td, tr {
font-size: 7pt;
}
textarea, input, select {
background: #EDDBB7;
border: 1px solid #;
font-family: tahoma;
font-size: 7pt;
color: #1B1D4D;
margin-top: 1px;
margin-bottom: 1px;
}
button, submit {
background: #EDDBB7;
border: 1px solid #;
font-family: tahoma;
font-size: 7pt;
color: #1B1D4D;
font-weight: bold;
}
h1 {
background: #1B1D4D;
font-size: 7pt;
text-transform: uppercase;
text-align : right;
padding-left: 20px;
line-height:13px;
color: #EDDBB7;
padding-top: 1px;
border-bottom: 1px solid ;
margin-bottom: 2px;
}
h2 {
background: #1B1D4D;
font-size: 7pt;
text-transform: uppercase;
padding-left: 10px;
color: #EDDBB7;
line-height:13px;
border-bottom: 2px solid #;
margin-bottom: 2px;
}
h3 {
background: #1B1D4D;
font-size: 7pt;
padding-left: 5px;
color: #EDDBB7;
margin-bottom: 2px;
}
.main {
background: #EDDBB7;
width: 100%;
margin-top: 2px;
margin-bottom: 2px;
border: 0px solid ;
-->