I've found the problem and as I suspected it's in the style sheets.
I edited three style elements in quoteit_main.css and now the layout is acceptable in IE8, Firefox, Safari and Chrome.
Note: this what I found acceptable. You may not like it. So if you're going to try it out, make sure you back-up the original css file. That way you can always revert to the original style.
Here's what I've cooked up:
Code:
.quotetext {
position: relative;
margin-left: 10px;
margin-right: 10px;
z-index: 10;
max-width: 55%;
}
/* IE ignores percent margins */
.openquote {
position: absolute;
vertical-align: super;
position: relative;
margin-left: -75px;
right: 0;
margin-bottom: -40px;
z-index: 5;
font-size: 7em;
color: #E3E9F2;
font-family: "Bernard MT Condensed", "ITC Garamond", "Trebuchet MS", Garamond;
}
.closequote {
position: relative;
vertical-align: super;
margin-top: -10px;
margin-right: 100px;
margin-bottom: -40px;
z-index: 5;
font-size: 7em;
color: #E3E9F2;
font-family: "Bernard MT Condensed", "ITC Garamond", "Trebuchet MS", Garamond;
}