<p>I have a table that is dynamically created using DIVs. Each row of the table has two images. I want to set the height for the div (that represents a particular row) to the height of image that is greater of the two images being displayed in that particular row. The images to displayed will always change, and they are from an external server.</p>

<p>How do I set the height for my div so that I can fit images?</p>

Pre-load them into javascript image objects then just reference the height and width.
Might take some clever devilry to work in all browsers...
```
```
function getSize(imgSrc){

    var aImg = new Image();

    aImg.src = imgSrc;

    aHeight = newImg.height;
    aWidth = newImg.width;

}
```
```