CSS issue in IE6. Adding a weird line in the Header.

It is only doing it in IE. In firefox it works correct. It is adding the Horizontal scroll bar and there is a line that goes all the way across the screen right below the header banner. I have located it to this part of the css file below. Can anybody see any problems or fixes that I can make.. Thanks

/*layout*/

#leftcol {
width: 180px;
float: left;
display: inline; /*for IE to avoid margin doubling*/
margin-left: 10px;
clear: both;
}

#page:after {
content: “.”;
clear: both;
visibility: hidden;
height: 0;
display: block;
}

/*good browsers: enclose leftcol and content*/

/*fix disappearing header in IE 6, non-enclosing 1% #page*/
* html #header, * html #page { height: 1%; } <– something with is causing it.
* html #page {
display: inline;
float: left;
} /*enclose floats, don’t add scrollbar*/
/*end hiding from mac IE*/

#content-wrapper{
width: 100%;
float: right;
left:205px;
}

#content {
margin-left: 203px; /*leftcol + margin + padding -1px*/
margin-right: 30px;
}
/*hide from IE; fixes falling leftnav*/
html>body #leftcol{
clear:none;
}
html>body #content-wrapper{
margin-left: -205px;
}
/*end hiding from ie*/

/*position img correctly in Mac IE;*/
* html>body #container> #footer {position: relative;}
* html>body #footer a> img.brand {position: absolute; top: 0; left: 0;}
/*end mac ie fix */

Also in #CSS _↴