Side Box Header Images

[gjh42]

IE has a tendency to try to cover for users' mistakes and show what it thinks they probably want. Firefox more often shows exactly what you tell it to, and if you make a mistake in that, it won't work.

You have an extra comma in several stylesheet rules, which is a CSS error:

.leftBoxHeading, {
        margin: 0em;
        background: url(../images/sidebox_header.gif) #FFffff;
        padding: 0.5em 0.2em;
        }

.rightBoxHeading, {
        margin: 0em;
        background: url(../images/sidebox_header.gif);
        padding: 0.5em 0.2em;
        } 

.centerBoxHeading, {
	margin: 0em;
	background-color: #ffffff;
	background-image: url(../images/centerbox_header.gif);
	padding: 0.5em 0.2em;
	}

.leftBoxContainer, { 
	margin: 0em;
	border: 0px solid #9a9a9a;
	border-bottom: 0px solid #336633;
	margin-top: 0em;
        padding-bottom: 20px;
        background-image: url(../images/sidebox_footer.gif);
        background-position: bottom center;
        background-repeat: no-repeat;
	}

.rightBoxContainer {
        margin: 0em;
	border: 0px solid #9a9a9a;
	border-bottom: 0px solid #336633;
	margin-top: 0em;
        padding-bottom: 20px;
        background-image: url(../images/sidebox_footer.gif);
        background-position: bottom center;
        background-repeat: no-repeat;
	}

The rules with this error are being completely ignored, per CSS standards.

.leftBoxHeading, {

should be

.leftBoxHeading {


I notice that most of your sidebox titles are displaying a "no break space" instead of a title. Is this intentional?