OK, I think I know why it fails in some web browsers. The HTML validator reports among others this error:
Byte-Order Mark found in UTF-8 File.
The Unicode Byte-Order Mark (BOM) in UTF-8 encoded files is known to cause problems for some text editors and older browsers. You may want to consider avoiding its use until it is better supported.
Looking out your server response I would have expected it to start with the DOCTYPE:
Code: Select all
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
according to your layout.tpl
It doesn't. Your DOCTYPE is instead preceded by the following 3 bytes: EF BB BF
which looks like the UTF8 BOM. This may cause the rendering problem with some web browsers. It identifies the server response as UTF-8 but doesn't say anything about the byte order, because UTF-8 does not have byte order issues. If you remove those 3 bytes from your layout.tpl, the problem should be solved.
You probably introduced this problem by using MS NotePad saving the file as UTF-8 where NotePad gets the notion to precede those nasty 3 bytes to your text file. Other text editors don't seem to do that. If you must use NotePad save your layout as ANSI, and just make sure that any non-ANSI multibyte UTF-8 characters are replaced by ANSI HTML entities.
Hope that helps.