@charset "utf-8";
/* CSS Document */

html {
	height:100%;
	margin: 0;
}
body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-color:#2f0e00;
	background-image:url(../images/bg3.jpg);
	background-repeat:repeat-x;
}
.calClassText {
	font-family: Tahoma, Arial;
	font-size: 12px;
}
a.calClassText {
	font-family: Tahoma, Arial;
	font-size: 12px;
	color:#000000;
}
.calClassInfo {
	font-size: 14px;
	font-weight: bold;
}
.calClassTitle {
	font-size: 20px
}
.calSoldOut {
	font-size: 10px;
	color:#FF0000;
}
.calTitle {
	font-size: 16px;
	font-family: Tahoma, Arial;
}
div#calContainer {
	width:100%;
	position:relative;
}
div#calHeaderContainer { width:920px; padding:20px; background-image:url(../images/bg-15.png); background-repeat:repeat; margin-top:20px;}

div#calBodyContainer { width:920px; padding:20px; background-image:url(../images/bg-15.png); background-repeat:repeat; margin-top:20px;}

div#calHeader {background-color:#FFFFFF;
}
div#calBody {background-color:#FFFFFF;padding-bottom:20px;}

div#calBodyContent {}

div#calBodyContentClassInfo {padding-top:15px;}

div#returnLink{
	float:left;
	position:absolute;
	padding-left:0;
	/*margin-top: -117px;*/
	padding-top:102px;
	/*left: 10px;*/
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#402627;
	z-index:999;
	text-align:left;
}
div#returnLink a{color:#402627;)

/* CSS Box model fix \*/

/******************************/
Now, all I do is fiddle with the code to get IE to look right, and place the corresponding gecko proper value in the commented area:

#calContainer{}

div#calHeaderContainer{width: 920px;}


/* Here's my gecko preserving code \*/

div#calContainer > div#calHeaderContainer{width: 880px;}