Inside a table cell which contains three nested DIVs, with the outermost
DIV styled with zoom: 1, percentage margins are apparently calculated at
very large incorrect values. (The styling must be applied via a class
or id reference, not inline on the DIV. The fact that inline styling
does NOT fail seems to indicate a possible secondary bug.)
Symptoms from above testcase, which specifies a 5% left-margin:
IE 6 & IE7. Black background, which should fit within the window, is
an estimated 100 windows wide.
IE 6 only. The text, which should appear once, is repeated multiple
times within the width.
This problem was discovered on the Yahoo! webmail service. If an
incoming HTML email uses percentage margin widths, it will trigger this
problem, because the Yahoo! page that displays incoming email creates
the environment described above. (My reading of the MS description of
zoom indicates that zoom: 1 should have no effect at all, so it is not
clear why Yahoo! would specify such a value)
A workaround is to specify the margins in em units, or something else
other than percent, but this workaround would have to be applied by the
sender of each email.
I have no idea how to formally report this bug to either MS or Yahoo!.