Увы, жизнь не совершенна. И число последствий после предпринятых шагов, зачастую, оказывается, как минимум, на одно боьше, чем удаётся предугадть заранее. :-)

Да и браузеры трактуют команды, которые мы им даём в разметке страниц очень по разному. Как ни печально, но ни один из современных браузеров до сих пор целиком не соответствует стандартам, вырабатываевым W3C. Каждый меет свои "особенности".

Ваша страница "съезжала" только в Internet Explorer. Дело  том, что вы установили выравнивание таблицы по правому краю, а, значит, текст и прочие элементы должны её "обтекать". Вот Экспорер и "позволил" нижестоящим элементам расположиться левее таблицы. А раз они туда не помещаются, то они её попросу заслоняли.

Я не стал убирать команду выравнивания таблицы так как нет гарантии, что вы не решите использовать столь тривиальную команду где-то ещё.

Я в конец шаблона статьи добавил кусочек кода:
<div style="clear:both;">&nbsp;</div>
Это своебразная распорка, которыя "растопыривает локти" и не позволяет ни одному элементу становиться рядом с собой. Только выше или ниже себя.

Таким образом элементы перестали налазить дуг на друга.