background problem in ie6

[runrunforest]

Hi,

I wanted to have a horizontal line using div.horz

the css is like this:

.horz {
	height:1px;
	background:#c7c7c7;
	width:543px;
        font-size:100$; /*inherit from global set */
        margin:0; /*inherit from global set */
        padding:0; /*inherit from global set */
}

in ie6 the div's height is like 10 pixel, which is not expected, I expect 1px.

[RyanReese]

In IE6 it won't render an element with a height less then the font-size. To prevent this add overflow:hidden; to it. (Or set font-size:1px)

[ChrisK985]

and add line-height:0px; along with font-size:0px; and overflow:hidden;

[RyanReese]

Off Topic:

Forgot to add that...though I would incidentally recommend overflow:hidden; (not to take off of your remark Chris)

[runrunforest]

oh thanks

[RyanReese]

Your welcome . If you have any more questions just ask.

Off Topic:

Which method did you choose

[runrunforest]

overflown