I checked my www.MyCaymanCondo.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 RightColumnWidth*/
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 -(RightColumnWidth) */
}