IE7 CSS site major display issue

Hi I've just downloaded IE7 Beta2 and checked my site www.cavaliermailing.com and my jaw dropped - It does not diplay any of the main body of the site: Can anyone help?

 

I guessing it might be something to do with star html hacks used in the css:
eg

/* the bodge for IE6 browsers */
* html .minwidth {border-left:777px solid #fff; position:relative; float:left; z-index:1;}
* html .container {margin-left:-777px; position:relative; float:left; z-index:2;}

If so what is the solution?

CW

 

For the time being I've kind of taped over the crack with an additional hack which covers IE6 & IE7 issues

Not ideal maybe but I'm damned if I'm going to spend too much time on it only for Microsoft to move the goal posts.

CW

 

You should switch to conditional comments. For example:

<!--[if IE]>
<link href="iehacks.css" type="text/css" rel="stylesheet" media="screen">
<![endif]-->

Code (markup):

Unlike hacks, this will not break with new browser versions. You can even target particular versions.

<!--[if IE 7]>

Code (markup):

 

Thanks - I ended up having to to that in any case.

For some reason you can't double up on the hacks:

* html .minwidth, *+html .minwidth  

Code (markup):

I ended up with the * html hack in the main style sheet (for IE 6and below) and *+html hack (for IE7) in an ie7.css, with this conditional statement :

<!--[if !lte IE 6]>
<link rel="stylesheet" href="css/ie7.css" type="text/css" media="screen" />
<![endif]-->

Code (markup):