object {display: block} - problem

[Patrick Taylor]

I've used object {display: block} in my stylesheet to remove the annoying few pixels of space that Mozilla, Firefox, and Opera show below a div containing an object - in this instance a Flash file (the object) brought in via an external js file. I want the next div right up against the one containing the js file, which I get in IE but not in those three other browsers. This works, but...

... for some strange reason the <h1> and <p> tags above the first div don't display the colour in IE6. They're there, but invisible. Weird.

Can anyone throw any light on this? Is there another way to remove that really annoying few pixels gap below the first div? Margins and padding is all set to zero.

[Patrick Taylor]

Looking around here I just read about the 1% height hack (thanks Paul O'Brien) - seems to have fixed the non-display IE problem.

[Paul O'B]

Glad you fixed it

There are various display problems in ie that can usually be fixed with position:relative or height:1% in appropriate places.

Juts remember to hide it from good browsers

Paul