Emergency help with IE6

This just went live and doesn't work in IE6...ugh!

[croakingtoad]

This page [removed link] looks beautiful in FF3, IE7 but in IE6 the form is not visible. It flashed briefly on the screen but then seems to be covered over by the background applied to the container div.

Can someone take a look and guess at a solution to fix it?

Thanks!

[edited by: croakingtoad at 3:06 pm (utc) on Aug. 13, 2008]

[StoutFiles]

You'll have to post css code; links aren't allowed here.

[croakingtoad]

The CSS is--

body { background-color: white };
fieldset { width: 250px; font: 0.85em Tahoma, Arial, san-serif; }
label, legend { font: 0.95em Tahoma, Arial, san-serif; }
input { margin: 1px 0; }
p, li { text-align: justify; font: 0.85em Arial, sans-serif; }
#contactform { width: 777px; margin: 0 auto; background: transparent url(../images/contact_bottom.gif) no-repeat left bottom; padding: 0 0 20px; }
#contactform form { background: transparent url(../images/contact_top.gif) no-repeat 0 0; position: relative; padding: 95px 0 0; z-index: 100; }
#contactform fieldset { border: 1px solid white; float: left; }
#contactform h3 { text-indent: -9999px; background: transparent url(../images/vote.png) no-repeat 0 0; width: 93px; height: 140px; position: absolute; top: 22px; left: 30px; }
#contactform #back { background: transparent url(../images/contact_bg.gif) repeat-y 0 0; padding: 0 0 0 117px; }
#contactform dt { display: none; }
#contactform dt#submit { display: block; position: relative; left: -5px; }
#contactform dd input, #contactform dd textarea { width: 200px; padding: 0.3em 9px; margin: 0 0 0.85em; border: none; color: #000; font: 0.85em 'Lucida Sans Unicode', 'Lucida Grande', Verdana, sans-serif; line-height: 1.5; }
#contactform dd input, #contactform dd textarea { background-color: white; }
#contactform dd input.empty, #contactform dd textarea.empty { color: #666; }
#contactform dd input.stillempty, #contactform dd textarea.stillempty { background-color: red; }
#contactform dd input.filled, #contactform dd textarea.filled { color: #000; }

[croakingtoad]

Now I've added a condition IE6 comment to load a new stylesheet but for some reason IE6 is still using my regular stylesheet. I don't understand?

<link href="styles.css" rel="stylesheet" type="text/css" media="all" />
<!--[if IE6]>
<link rel="stylesheet" href="ie6.css" type="text/css" media="all" />
<![endif]-->

My ie6.css styles are--

body { background-color: white };
fieldset { color: black !important; }
label, legend { color: black !important; }
p, li { color: black !important; }
#contactform { z-index: 0; background-color: white !important;; }
#contactform form { z-index: 100; background-color: white !important; }
#contactform fieldset { border: 1px solid black; !important float: left; }
#contactform #back { padding: 0 0 0 117px; }

[Fotiman]

Your conditional comment is not correct.

<!--[if IE6]>

should be

<!--[if IE 6]>

[D_Blackwell]

Emergency help with IE6
This just went live and doesn't work in IE6...ugh!

Who authorized the launch of an untested site which created an unnecessary emergency? If a small operation, maybe only a couple of people share culpability. If a larger operation, then several people likely dropped the ball. Somebody will want to address this.

Doesn't work in IE is not something that slipped through the cracks, a tweak to be handled in a testing period; pretty big flaw.