Fixed positioning css and IE6

[ClulessChris]

Hi,
I've got my 1st website (

http://www.tangsoodo.co.uk)

up and running many thank to help from a large number of tipsters in this forum.

however the one browser I've been unable to test in until today (IE6) is causing me some issues.

I use the css rules below (largly based on the methods described at

http://annevankesteren.nl/2004/07/fixed-positioning)

to fix a header and navigation bar.

All works well in IE7, Firefox, Opera, Safari but is broken in IE6.

I was thinking of using conditional statements to fix this but am uncertain of what will fix IE6.

Please help.

html, body, #wrapper{
	min-height: 100%;
	width: 700px;
	height: 100%;
	}

html>body, html>body#wrapper{ height: auto; }
html>body div#header { position: fixed; }
html>body div#navBar { position: fixed; } 
.banner{ height: 99px; width: 100%; }

#wrapper{
	position: absolute;
	left: auto; 
	Top: 0;
	width: 810px;
	Padding: 0px;
	}
	
#header{
	position: absolute;
	top: 0px;
	left: 20px;
	height: 99px;
	border: 1px solid black;
	width: 960px;
	margin: 0 auto;
	background-color: #FFFFFF;
	}
	
#navBar{
	position: absolute;
	width: 180px;
	left: 20px;
	Top: 100px;
	height: 800px;
	padding: 25px 5px 25px 5px;
	border: 1px solid black;
	font-size: .95em;
	line-height: 3em;
	background-color: #FFCC66;
	}

#content{
	float: right;
	width: 720px;
	padding: 110px 10px 0 60px;
	border: none;
	overflow: hidden; 
	font-size: 1em;
	}

Never knock on Death's door: ring the bell and run away! Death really hates that!

 

[ClulessChris]

Ok, I've implemented a workaround for IE6 using the following conditional comments

		<!--[if IE 6]>
			<style type="text/css">
				#wrapper{ position: absolute; left: 0; top: 0; width: 979px; padding: 0px; }
				#header{ height: 90px; }
				#footer{ float: right; }
					
			</style>
    	<![endif]-->

this positons the div elements so that the whole page may be seen and read, but I've still lost the fixed header & navigation bar.

Never knock on Death's door: ring the bell and run away! Death really hates that!