IE problem

I found this row in the area holding the "Finding Joy in Living" content:


The problem might be this row is NOT found in the area holding the "Moments Musicaux" just above it, the alignment is affected and each browser handles it differently since you're not using strict XHTML. I suggest removing that line (or copying it to the same position it would be in that same area just above it). The class name of "horRule" is not referenced in any embedded styles in your source, you don't have any external stylesheet being linked so this appears to be a rogue line created by your WYSIWYG editor to create a horizontal rule using CSS to affect or replace an HR tag.

No promises this is the right solution - table layouts are confusing and complex which is why we try not to use them except for tabular data.

Learning CSS and positioning div tags (separating style from content) is clearly beneficial to you in the long run as you won't have things like this happening as often, and when they do, the research and editing is far easier. On the next project, give it a go.

-jim

I follow what you did but might I informally suggest you do something old school which might help your page look identical across platforms:

Insert a pixel shim in the td of that table you just added, i.e. a tiny 1 pixel transparent image set to the precise width and height in pixels you need. I only mention this because you did not say the td held content and this is a good way to float text around a table using your layout method.

-jim