FireFox expert needed - My CSS won't play ball!

[MyCaymanCondo]

I checked my www.MyCaymanCon do.ky site (which is fine in IE) in Firefox and at first it looked horrific with most content totally missing. I'm working first on sorting out the home page.

I've managed to deal with the Nested Div's problem to some extent so I'm almost there - but no matter what I do can I get FireFox to show the page content with the White background that I've got in the maincontainer div....

Can anyone help out here?!

The relevant extracts (I think) from my CSS are as follows -

#maincontainer{
width: 840px; /*Width of main container*/
background-color: #ffffff;
border: 1px solid black;
margin: 0 auto; /*Center container on page*/
}

#topsection{
height: 100px; /*Height of top section*/
}

#contentwrapper {
float: left;
width: 100%;
}

#contentcolumn{
margin-right: 200px; /*Set right margin to RightColumnWidt h*/
font-size: 11px;
color: #003366;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: justify;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

#rightcolumn{
float: left;
width: 200px; /*Width of right column*/
margin-left: -200px; /*Set left margin to -(RightColumnWid th) */
}

[drhowarddrfine]

Rarely is Firefox the problem and almost always it's IE. If you design using IE then it can almost be assured all other browsers will have problems. IE is old, buggy and non-standard.

Validate your html and CSS for your list of errors. Fix those first using FF as your test browser, see what happens and let us know.

[MyCaymanCondo]

Rarely is Firefox the problem and almost always it's IE. If you design using IE then it can almost be assured all other browsers will have problems. IE is old, buggy and non-standard.

Validate your html and CSS for your list of errors. Fix those first using FF as your test browser, see what happens and let us know.

Thanks for this direction. After years with IE, I will now switch to FF development first after all the good advice in these forums....

Anyway, my problem - I've gone through now and got my CSS and HTML validated (there were problems in both) - I now meet all accessibility, XHTML 1.0 and CSS standards. Sadly though I'm still having the problem. In IE, www.mycaymancon do.ky looks as it should. In Firefox the white background for the main page is lost. Just can't see why :-( Can anyone come to the rescue here?

Cheers!

[drhowarddrfine]

The body background is set to that color. Go to 'body' in your css and remove the 'background-color' line.

[MyCaymanCondo]

The body background is set to that color. Go to 'body' in your css and remove the 'background-color' line.

I wanted the main body that color - On top of that is a 'main container' which was supposed to be white.......

I've tidied the code that bit further now and I'm happy with how it's looking now. Still got a strange blue line between menu and page in Firefox - but it's not a problem for me now. I'm happy with how that looks.

Thanks for your help. I've learnt to go with Firefox as my primary test tool as I build!