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

[zap123]

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*/

* html>body #page { display: inline-table }
/*Mac IE 5: 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 */

[BonRouge]

Hi. Need to see the patient.

[BonRouge]

hr.accessible {
display:none;
}

(or just remove them from your html).

(By the way observers, I don't have a crystal ball. I got a PM).

[zap123]

thanks :)

[ray326]

By the way observers, I don't have a crystal ball.What a disappointment. :)