Dynamic addition in IE of images does not work

I have a javascript/DHTML app that was first developed under Firefox.

The problematic area is a dynamic pop-up image selector.

During page load I have code that appends two <div> sections to the
body.

The second div gets a table with one row and some images added to it.

When the user clicks the code will add rows to the table, and each row
gets three cells, and each cell gets an image... then I set the div's
display: block and it shows.

Now this all works great in FF, I see my 3x3 grid of images.

In IE I get the div with the buttons and no images and no layout space
allocated for them.

Using the IE (free trial of the commercial) DOM inspector, it seems
that the DOM has been modified correctly... the table and rows and
cells and images are all present, but IE seems to have a width and
height of 0 for those images... and nothing I do seems to make a
difference.

I tried switching from createElement/appendChild pattern to innerHTML
pattern for the images, but to no avail.

Can anybody offer any clues?

This fails across multiple machines with IE6, and works across machines
on FF.

(IE6 on XP/SP2, all critical patches and most optional patches are
applied)

Thanks for any help,
Dave Goldstein

"daveg" <davegoldstein (AT) adelphia (DOT) net> wrote

I have a javascript/DHTML app that was first developed under Firefox.

The problematic area is a dynamic pop-up image selector.

During page load I have code that appends two <div> sections to the
body.

The second div gets a table with one row and some images added to it.

When the user clicks the code will add rows to the table, and each row
gets three cells, and each cell gets an image... then I set the div's
display: block and it shows.

Now this all works great in FF, I see my 3x3 grid of images.

In IE I get the div with the buttons and no images and no layout space
allocated for them.

Using the IE (free trial of the commercial) DOM inspector, it seems
that the DOM has been modified correctly... the table and rows and
cells and images are all present, but IE seems to have a width and
height of 0 for those images... and nothing I do seems to make a
difference.

I tried switching from createElement/appendChild pattern to innerHTML
pattern for the images, but to no avail.

IE6 also has outerHTML if it helps any. it is a non-cross-browser feature
that lets you replace the parent tag as well.

Can anybody offer any clues?

This fails across multiple machines with IE6, and works across machines
on FF.

(IE6 on XP/SP2, all critical patches and most optional patches are
applied)

Thanks for any help,
Dave Goldstein