Topic awaiting preservation: How to get Divs to actually contain?

I've been working on some new stuff. I'm determined to make it work in Mozilla but I've got a question. In IE I can define the properties of a div like this:

#myDiv { position:absolute; left:0px; top:0px; width: 0px; height: 0px; }

Then I place an image inside that div like this:

<div id="myDiv"><img src="blank.gif" id="MI" width="25" height="25" alt="" border="0"></div>

When the page loads the div is automatically sized to "contain" its contents. That is to say that I do not have to explicitly resize the div to the size of the image it contains because the div acts like a rubber band around the image.

In Mozilla, this does not happen. The div does *not* resize according to its contents and I was wondering if there is a way to make that happen? I could code it so that I resize the div and the image it contains but I would rather not if there is a property I'm missing.

Any help?

Bugimus: I'd try something like setting width and height to auto.

Emps

Hmmm..... I'm guessing some sort of upwards inheiritance but I can't find any method for this.





:[ Computers let you make more mistakes faster than any other invention in human history, with the possible exceptions of handguns and tequila. ]:

This has already been discussed at http://www.ozoneasylum.com/Forum4/HTML/000025.html