Posted by rynato on 03/13/07 15:34

Short version: I have a site which uses tables (please, no flames) to
organize various elements. These tables are enclosed inside DIVs whose
attributes are located in an externally-linked CSS file.

There's a header (DIV enclosed), then a DIV to contain the menu bar
and the body of the page.

The menu bar is a table and it is positioned correctly, flush left
with the left edge of the browser. The body of the page is in a table
which immediately follows the menu bar. This is where the page falls
apart. In Safari and FF it looks fine. In IE, that body table and
everything else as well which follows the menu bar table (again, both
enclosed in the same DIV) is all shifted to the right of the header
DIV, so that its left edge lines up with the right edge of the
preceding menu bar and header.

I've searched high and low, discovered many IE bug fixes, but nothing
which quite describes this. I'm hoping someone can help me narrow down
the IE bug I may be encountering here so that I can fix it.

If you'd like to inspect the code first-hand, go to:

http://www.iaccw.net/phoenix

and the CSS is at

http://www.iaccw.net/phoenix/css/iaccw.css

many thanks in advance for your help.

[Back to original message]