Okay, so IE7 was officially released today.

I had originally thought I had about another month or two before this happened.

So it took me forever to get IE6 and FF to look the same and now IE7 is looking like IE6 used to. uugghhh!

Basically this is what is happening the main content is sliding up underneath the header.

follow this link and check it out ( a browser cam capture for IE 7 beta 3)

http://www.oldwestgames.com/images/b.../explorer7.jpg

this is how it used to look in IE6.

So now I have to fix it for IE7

and I have no idea where to start and I'm sure that it will screw the IE6 and FF views which make up the majority of my browser views (according to analytics).

But with the release of IE7 and the emails going out worldwide to upgrade I'm going to start seeing massive views and missing sales.

I really need some help here.

here's a clip from my stylesheet for wrappers and navigation

Code:
/*wrappers - page or section containers*/
#mainWrapper { background-color: #fff; background-image: url(/includes/templates/future_zen/images/main_bg_snake.jpg); background-repeat: no-repeat; background-position: left top; text-align: left; width: 806px; vertical-align: top; }

#headerWrapper {
	width:806px;
	}

#contentMainWrapper {
	top: 15px;
	}

#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
	margin: 0em;
	padding: 0em;
	}

#logoWrapper { background-color: #ffffff; width:800px; height:85px; background-image:none; background-repeat:no-repeat; background-position:left 50%; }

#logoWrapper {
	position: relative;
	top: -8px;
	}

#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
	margin: auto;
	}
	
	
#navColumnOneWrapper, #navColumnTwoWrapper {
	}

#tagline { padding-top:10px; color:#000000; font-size: 2em; background-position: center 0; text-align : left; vertical-align: middle; }

#sendSpendWrapper {
	border: 1px solid #cacaca;
	float: right;
	margin: 0em 0em 1em 1em;
	}

.floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {
	margin: 0;
	width: 47%;
	}

.wrapperAttribsOptions {
	margin: 0.3em 0em;
	}

/*navigation*/

.navSplitPagesResult {}
.navSplitPagesLinks {}
.navNextPrevCounter {
	margin: 0em;
	font-size: 0.9em;
	}
.navNextPrevList {
	display: inline;
	white-space: nowrap;
	margin: 0;
	padding:  0.5em 0em;
	list-style-type: none;
	}
	
	#mainWrapper {
	position: relative; top: 25px;
	}

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
	margin: 0;
	background-color: #ffffff;
	font-weight: bold;
	color: #ffffff;
	height: 1%;
	width: 806px;
	}

#navMain ul, #navSupp ul, #navCatTabs ul  {
	margin: 0;
	padding:  0.5em 0em;
	list-style-type: none;
	text-align: center;
	line-height: 1.5em;
	}

#navMain ul li, #navSupp ul li, #navCatTabs ul li {
	display: inline;
	white-space: nowrap;
	}

#navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
	text-decoration: none;
	padding: 0 0.5em;
	margin: 0;
	color: #900;
	}

#navEZPagesTOCWrapper {
	font-weight: bold;
	float: right;
	height: 1%;
	border: 1px solid #000000;
	}

#navEZPagesTOC ul {
	margin: 0;
	padding:  0.5em 0em;
	list-style-type: none;
	line-height: 1.5em;
	}

#navEZPagesTOC ul li {
	white-space: nowrap;
	}

#navEZPagesTOC ul li a {
	padding: 0em 0.5em;
	margin: 0;
	}
	
#navMainSearch {
	width: 780px;
	}	

#navMainSearch, #navCategoryIcon, .buttonRow, #indexProductListCatDescription {
	margin: 0.5em;
	}

#navBreadCrumb { margin-top:16px; font-size: 0.95em; font-weight: bold; background-image: url(/images/mainpage_bg_tr_sm.jpg); background-position: center top; height: 40px; padding: 0.5em 0 0.5em 1.5em; }

#navEZPagesTop {
	background-image:none;
	background-repeat:no-repeat;
	background-position:right bottom;
	font-size: 0.95em;
	font-weight: bold;
	margin: 0;
	padding: 0.5em 0 0.5em 1.5em;
	}
	
#headerWrapper { position:relative; top:25px; background-color: #ffffff; background-image:none; background-repeat:no-repeat; background-position:left bottom; }

#navColumnOne, #navColumnTwo {
	background-color: #fff;
	}

#nav        { color: #fff; font-size: 10px; font-weight: bold; line-height: 1px; background-color: #000; list-style-type: none; list-style-position: outside; margin: -1px 0 0; padding: 0; position: relative; z-index: 1000; top: 0; width: 800px; height: 15px; border-top: 1px solid #000000; border-bottom: 1px solid #000000   }

#nav ul   { color: #fff; font-size: 10px; line-height: 1px; background-color: #000; text-align: center; list-style: none; margin: 0; padding: 0; position: relative; z-index: 1000    }

#nav a  { color: #fff; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 140%; background-color: #000; text-decoration: none; text-align: center; display: block; z-index: 1000; width: auto; height: auto  }

#nav a:link, #nav a:visited, #nav a:active       { color: #fff; background-color: #000; z-index: 1000 }

#nav a:hover, #nav a:focus     { color: #000; background-color: #9A7664; z-index: 1000 }

#nav li    { text-align: left; z-index: 1000; width: 160px; float: left }

#nav li ul          { background-color: #fff; position: absolute; z-index: 1000; left: -999em; width: 159px; border-top: 1px solid #000000; border-right: 1px solid #000000; border-left: 1px solid #000000 }

#nav li ul.leftside          { background-color: #fff; margin-left: -1px; position: absolute; z-index: 1000; left: -999em; width: 159px; border-top: 1px solid #000000; border-right: 1px solid #000000; border-left: 1px solid #000000 }

#nav li ul.rightside           { background-color: #fff; margin-left: 1px; position: absolute; z-index: 1000; left: -999em; width: 159px; border-top: 1px solid #000000; border-right: 1px solid #000000; border-left: 1px solid #000000 }

#nav li ul li   { background-color: #fff; z-index: 1000; width: 159px; border-bottom: 1px solid #000000  }

#nav li ul li a:hover   { z-index: 1000; border-style: none }

#nav li:hover ul, #nav li.sfhover ul     { z-index: 1000; left: auto }

#nav li ul ul      { margin: -16px 0 0 158px; position: absolute; z-index: 1000 }

#nav li ul ul.two_lines      { margin: -31px 0 0 158px; position: absolute; z-index: 1000 }

#nav li ul ul.left_popout     { margin: -31px 0 0 -158px; position: absolute; z-index: 1000 }

#nav li:hover ul ul, #nav li.sfhover ul ul  { z-index: 1000; left: -999em }

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul   { z-index: 1000; left: auto }

/* extra positioning rules for limited noscript keyboard accessibility */

#nav li a:focus + ul   { margin-left: 0; z-index: 1000  }

#nav li li a:focus + ul  { margin-left: 200px; z-index: 1000 }

#nav li li a:focus     { color: #9A7664; background: #000; margin-left: 1000em; z-index: 1000 }

#nav li li li a:focus     { color: #9A7664; background: #000; margin-left: 200px; z-index: 1000 }

#nav li:hover a:focus, #nav li.sfhover a.sffocus     { color: #9A7664; background-color: #000; margin-left: 0; z-index: 1000 }

#nav li li:hover a:focus + ul, #nav li li.sfhover a.sffocus + ul     { color: #9A7664; background-color: #000; margin-left: 10em; z-index: 1000 }

#content {
	clear: left;
	color: #9a7664;
}

/*The main content classes*/
#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
	vertical-align: top;
	}

/*.content,*/ #productDescription, .shippingEstimatorWrapper {
	/*font-size: 1.2em;*/
	background-image: url(/images/mainpage_bg_tr_sm.jpg); background-repeat: repeat-x; background-position: center top; padding: 0.5em; }

.alert {
	color: #FF0000;
	margin-left: 0.5em;
	}
.advisory {}
.important {
	font-weight: bold;
	}
.notice {}
.rating{}
.gvBal {
	float: right;
	}

.centerColumn{
width: 486px
}
.centerColumn, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix {
	padding: 0.8em;
	}

.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP { color: #900; font-size: 12px; text-decoration: none; }
Thanks in advance.

i'll try and give something cool or a donation to anyone who can figure this out.