issues with a floating div.

[daveyand]

Hey Guys

I have the following div setup

<div id="gray_div" onclick=this.parentNode.style.display="none";
style="border: 1px solid black;position: absolute;top:
1px;right:1px;min-width:100;min-height: 200;background-color:
#000;filter:alpha(opacity=40);-moz-opacity: 0.4;opacity:
0.4;z-index:899;"></div>

In FF it does what the css expects, that is to say it creates a semi
transparent gray box over the screen.

But when i view it in IE 7 it doesnt work, in that it doesnt display it
the same way, only a 1px square top right ofscreen.

Any idea what might be up?

 

[daveyand]

D'oh.

Am working so much on JS right now that i forgot it was a css issue.

Thanks for the answer, very concise, i will look into it. It turns out
it was the min-height thing that broke it anyway. Very bizzare,
because i only added that because the width/height attributes didnt
work anyway. Whereas now they do.

Once again much appreciated