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 (http://css-tricks.com/how-to-create-an-ie-only-stylesheet/) 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.