Disappearing Float Problem In Ie6 And Ie7

[Guest oddball]

HeyHave only just started learning CSS and HTML and have a problem with browser compatability with my websiteMy website is > http://www.datingwizard.com/TemplateI work on a Mac and all seems to be fine on Firefox and Safari but on testing it on Internet Explorer i am coming up with display problems. It works in IE8 but in IE6 and IE7 the navigation on the left (div id = 'sidebar1 ') is disappearing. It seems to start loading up with the rest of the page but once it is all loaded it seems to disappear or somehow have been put beneath a white block?Have spent a the last week trying to sort it out myself and look online but no luck. I have posted the whole CSS code at the bottom of this message. Any help much appreciated, will probably be something stupid on my part and apologise if this is in the wrong section.Many thanksJon

body  {	margin: 0;	padding: 0;	font-family: Arial, Helvetica, sans-serif;	text-align: center;	color: #2e2d30;	min-width: 982px;	max-width: 982px;	margin: 5px auto;	margin-top:0px;	text-decoration:none;}#container { 	background: #FFFFFF;	text-align: left;}.bodymain #blogBanner {margin:0;padding:0;position:relative;left:267px;top:-38px;}  .bodymain #sidebar1 {	float:left;	width: 167px;	margin-left: 37px;	margin-top: -16px;	padding: 0;	background-color: #FFF;	text-align: left;	color: #666;	line-height:11px;	display:inline;}.bodymain #logo {	margin: 10px 0 10px 0}.bodymain #sidebottom {	margin: 10px 0 0 0;}.bodymain #mainContent {	margin: -14px 0 0 243px;	padding: 0 0 0 2em;	text-align: center;	font-size: 12px; /* font size for spotlight text */	width: 650px;} .bodymain #MainImage {position:absolute;left:243px;}.bodymain #spotlight {	margin-top: 13px;	background-color: #f9f9f9;	text-align:left;}.bodymain #headblock {	margin-top: 13px;	background-color: #f9f9f9;}.indent {padding-left:27px;padding-right:27px;}.indent2 {padding-left:387px;padding-right:27px;}.indent3 {padding-left:27px;}.btn {margin-left:12px;}/* Main Text*/.bodymain #container #mainContent #mainContent2 div p {	font-size: 13px; /* font size for body text */	text-align: left;}/* Sidebar*/.bodymain #sidebar1 p, .bodymain #sidebar1 a{	margin-left: 1px;	margin-right: 1px;	font-size: 12px; /* font size for sidebar text */}/* Links*/a:link {	color: #2e2d30;	text-decoration:none;}a:visited {	color: #2e2d30;	text-decoration:none;}a:hover {	color: #ee0096;}/* Headers*/.bodymain #container #mainContent p strong {	font-weight: bold;	font-size:20px; /* font size for page header text */	color:#ee0096;}/* Link Headers*/.head{	font-size: 16px; /* font size for link headers text */	font-weight: bold;}.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */	clear:both;    height:0;    font-size: 1px;    line-height: 0px;}