IE6 Float issue

[snooper]

hey folks

can you pls take a look here - http://bit.ly/aa1BiR
in IE7 and IE8, Chrome and FF the header looks fine
but in IE6 - there is sometghing very wrong with the header

any ideas what it can be?

Thanks!

[azoomer]

Hi, I can't really test it in ie 6, but couldn't help noticing an error in the css

#header h1 {
	margin: 0;  
	paddisng: 0;
	text-indent: -9999px;
	font-size:1%; 
	float:left; 
	width: 1px;
}

Don't know if that makes any difference though

[snooper]

thanks for the fix - but it didnt solve the current problem

[azoomer]

Hi snooper
this part with the conditionals also look a little strange

<link href="/includes/2.css" rel="stylesheet" type="text/css" /><!--[if IE 5]>
<!--[if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
#mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]>

Like the ie5 statement is unclosed

edit: and also the endif should be like this:
<![endif]-->
otherwise it will not close properly
take a look at this link for formatting

[snooper]

thanks again!

but still doesnt effect this precise issue

[bokanegro]

Hi,

#header { 
	background: #8C8984 url(../images/ui2/headerBG.gif) top left repeat-x;
	height:150px;
        float:left;
        position:relative;
        display:inline;
}

#nav { position: absolute; top: 33px; right: 70px; height:28px; width:584px;}

Add to h1 and #logo height and width

[snooper]

thanks, but no - it did some weird stuf in both IE6 and IE8 - see attached (ie6 on the left, ie8 on the right)

[bokanegro]

Hi,

Select element (div) by element (div) and set them display:none, that way you will find element that destroy layout.