getting hidden image width/height in IE

[epots9]

I have a image inside of a div
[html]
<div id="image">
<div id="loader">
<img id="loaderImage " src="assets/loader.gif" alt="loading... " />
</div>
<div id="loaded">
<img id="picture" src="" alt="" /><!--image in question-->
<div id="closeAll" onclick="closeA ll();">X</div>
</div>
</div>
[/html]

the div "image" is hidden until a button is click, and the div "loaded" is hidden until a certain time.

the javascript in question:

var image = document.getElementById("image").style;
var width = document.getElementById("picture").width;
var height = document.getElementById("picture").height;
document.getElementById("picture").style.width = width + "px";
document.getElementById("picture").style.height = height + "px";
height += 15;
image.display = "block";
image.width = width + "px";
image.height = height + "px";
 

the problem is that in ie7 width and height return zero causing the div "image" to be 0x0....but in firefox width and height return the correct values and the div is sized correctly. so, i'm looking for a work around.

thanks in advance..

[epots9]

I have a image inside of a div
[html]
<div id="image">
<div id="loader">
<img id="loaderImage " src="assets/loader.gif" alt="loading... " />
</div>
<div id="loaded">
<img id="picture" src="" alt="" /><!--image in question-->
<div id="closeAll" onclick="closeA ll();">X</div>
</div>
</div>
[/html]

the div "image" is hidden until a button is click, and the div "loaded" is hidden until a certain time.

the javascript in question:

var image = document.getElementById("image").style;
var width = document.getElementById("picture").width;
var height = document.getElementById("picture").height;
document.getElementById("picture").style.width = width + "px";
document.getElementById("picture").style.height = height + "px";
height += 15;
image.display = "block";
image.width = width + "px";
image.height = height + "px";
 

the problem is that in ie7 width and height return zero causing the div "image" to be 0x0....but in firefox width and height return the correct values and the div is sized correctly. so, i'm looking for a work around.

thanks in advance..

never mind, i solved it.

all i had to do was relocate the javascript to after i make the div visible and width and height were returning the correct values (working with ie7 and firefox).