I created a simple template with common tags. It serves as a quick
reference guide for my web development efforts. The web page renders
great in Firefox, yet becomes a mess in IE. The HTML and CSS code
validates on the server. You may view the template at the following
link.
http://neville.f2o.org/Template_noXML.html
These tests relate to FireFox 1.0 and IE 6.0 on XP. Let me know if you
encounter further deviations with your browser or OS platform.
Pixel shift
Down the page the whole layout shift 3-5px left (the pixel measurement
is an approximation). This occurrence causes the text to render
outside and left of the block elements like div and pre tags. The
effect becomes more pronounced further down the page. IE creates a
mess here.
I read about the 3 pixel jog over P.I.E.; yet my page only has a float
at the top of the page flow; not the bottom where the problem occurs.
The elements involve are not float; just traditional block elements.
Please let know if someone clarify situation and suggestion a
workaround.
http://neville.f2o.org/IE_pixelshift.html