Try changing the CSS
border: 1px dotted #900;
font-family: Georgia, "Times New Roman", Times, serif;
margin: 10px auto 0px;
background: #FFF url(../fabricrightside.jpg) repeat-y right;
Since the entire position: absolute element is removed from the normal flow of the page, position: absolute needs coordinates (top, right, bottom, left - top and left/right are normally enough since the div expands to contain the content) to work as intended.
Top and left are relative to the first parent container on the page which has a position other than the default of static - in this case div#wrapperwt since we've added position: relative to that rule.
If there is no "position-other-than-static" rule in the CSS, then absolute positioning starts relative to the <body> of the document (top LHS of the browser window) which sometimes leads to unintentional layout results.
Thank you so much for explaining this John. I am off to make the corrections.
Worked like a charm, page renders in all browsers ok. Thank you again for the explanation, it was very helpful.