simple div line, weird in IE6

Placebo

<div style="border: none; background-color: #000000; height: 1px; z-index:20; "></div>


how can i get the above to show as it does on IE 7 / FF?

IE 6 shows it huge, why oh why?
I dont want to use images

DonkeyStyle \o/

<div style="border: none; background-color: #000000; height: 1px; z-index:20; line-height: 0;"> </div>

^ should do it
Or you could approach it some other way, like using border-bottom on the div or using a <hr>

grahamor

font-size:1% should help if line-height doesnt solve it

Dades

You might find the above reduces only to a 2px line in one or more browsers.

I was dealing with this recently and had to add content to the DIV for it to reduce to 1px (I used a 'blank' comment).

[HTML]<div style="background-color: red; height: 1px; font-size: 1px; line-height: 1px; padding: 0px"><!-- --></div>[/HTML]

Also, in case the DIV is within a table cell make sure there is no cellspacing/cellpadding in the table/td.