in edit view, all background is black, cannot see text

[mariomtn]

Hi,
The site I'm working on displays just fine in the regular view, but when I go
into edit, the edit areas are all black. I've deleted all the background-color
in my css -- doesn't make a difference.
here's the site:
[url]http://earlychildhoodoptions.org/trial01.html[/url]
I've looked around but haven't found anything to help.
Please help.
thanks in advance

[ThinkInk]

What version of Contribute are you using? I copied your source and tested in
Contribute CS3 and could edit the page without any problems... Maybe an older
version has problems with the CSS you use in the page.

[mariomtn]

Hi,
thanks so much for getting back to me. My client and I are both using version
3. I narrowed down the code that is giving me the problem:

/* ROUNDED CORNERS BOX */
.bl {background: url(../images/lower-left.gif) 0 100% no-repeat #fff; width:
17em; background-color: #fff; background-color: #fff;}
.br {background: url(../images/lower-right.gif) 100% 100% no-repeat}
.tl {background: url(../images/upper-left.gif) 0 0 no-repeat}
.tr {background: url(../images/upper-right.gif) 100% 0 no-repeat; padding:
10px 9px 10px 9px; background-color: #fff;}
.clear {font-size: 1px; height: 1px;}


.bl-r {background: url(../images/lower-left.gif) 0 100% no-repeat #fff; width:
40em; background-color: #fff;}
*.bl-r {background: url(../images/lower-left.gif) 0 100% no-repeat #fff;
width: 38.5em}
.br-r {background: url(../images/lower-right.gif) 100% 100% no-repeat}
.tl-r {background: url(../images/upper-left.gif) 0 0 no-repeat}
.tr-r {background: url(../images/upper-right.gif) 100% 0 no-repeat; padding:
10px 9px 10px 9px; background-color: #fff;}
.clear-r {font-size: 1px; height: 1px;}

.bl-h {background: url(../images/lower-left_header.jpg) 0 100% no-repeat #fff;
width: 21em; background-color: #dfdfdf;}
.br-h {background: url(../images/lower-right_header.jpg) 100% 100% no-repeat}
.tl-h {background: url(../images/upper-left_header.jpg) 0 0 no-repeat}
.tr-h {background: url(../images/upper-right_header.jpg) 100% 0 no-repeat;
padding: 10px 9px 10px 9px}
.clear-h {font-size: 1px; height: 1px;}

.bl-i {background: url(../images/lower-left.gif) 0 100% no-repeat #fff; width:
57em}
.br-i {background: url(../images/lower-right.gif) 100% 100% no-repeat}
.tl-i {background: url(../images/upper-left.gif) 0 0 no-repeat}
.tr-i {background: url(../images/upper-right.gif) 100% 0 no-repeat; padding:
10px 39px 10px 9px}
.clear-i {font-size: 1px; height: 1px;}

specifically the bl and tr wher I added the background-color: #fff.
then the edit contribute screen is OK to edit, but I loose all but one rounded
corner.
Here's the current URL:
[url]http://earlychildhoodoptions.org/trialfolder/trial02.html[/url]
More thoughts?

[url]http://earlychildhoodoptions.org/trialfolder/trial02.html[/url]

thanks very much, once again.

[ThinkInk]

Try this:

.bl {background: url(../images/lower-left.gif) no-repeat #fff; width: 17em;}

instead of:

.bl {background: url(../images/lower-left.gif) 0 100% no-repeat #fff; width:
17em; background-color: #fff; background-color: #fff;}