Internet Explorer is all black but Firefox is working fine

Got my form working fine in firefox and then once i take a look at it in Internet Explorer i just get a black screen see pictures. The funny thing is that in IE the page is long just like the form is hidden in the background. Maybe an CSS issue? I couldn't find any similar problem on this forum via search.

FIREFOX-working fine



Internet Explorer-all black



Thanks,
Greg

Also wanted to add that this problem seemed to happen after I re-transformed my form to "Theme 1"

Hi greg219,

My guess is that it is a CSS problem and that you have black text on a black background and that IE & Firefox are taking a different view on how to interpret a background colour somewhere.

Bob

I wish it was as simple as that..... this is the template css that is being used. Any other suggestions as to where to look or another possible location of the problem? Thanks Greatly Appreciate It! ~G

body
{
	background-color: black;
	color: white;
	font-family: arial, helvetica, sans-serif;
	font-size: 100.1%;
	padding: 0px;
	text-align: center;
}



body.contentpane {

width : auto;
margin : 10px;
line-height : 1.4em;
text-align: left;
}

Also to add...... in Internet Explorer once i highlight everything, i cant see any text present (see picture below) but page is long like the form is there..... ?? :?
[attachment=0]19042009115204pm.png[/attachment]

Hi greg219,

What do you see with View Source?

Bob

Hi greg219,

Sorry for the delay, I've been mostly off-line the last few days.

There's something odd with the html in IE7 - the white box shows up OK in IE6 and IE8 as well as FireFox. I think that the form is being over-laid by the black div id=contentarea somehow. The form is all there - just hidden (you can see it if you remove the template by adding &tmpl=component to the url.

I think you'll probably need to debug the template html & css step by step :-(

Bob

Later: sorry I mispasted the amended url :-(

Alright Thanks soo much! ill look into it.... ~G

SOLVED

To get it working i just created a new div class in the html that wraps around the whole form and added a css line for that class and added a background property of white. That seemed to do the trick.

The form layout in IE looks pretty funky compared to Firefox, but thats another problem to solve!

Greg