I've built a web portal for my own use that integrates search engines, categorized favorite links and custom styled RSS feeds into a single page. It's a hodgepodge of ASP, VBScript and JavaScript with an XML as the backend and jQuery/UI to liven things up.
Initially working with FireFox as my default browser, everything was working fine until I decided to install Chrome. That when I got the error message: Extra content at end of document.
This gave me quite a headache until I traced it to the XSL processing in my JavaScript. I didn't quite understand what was causing the problem until I realized that Chrome didn't like what I was doing inside my {xsl:template}.
It turns out Chrome expects a only single child node (or document if you like) inside an xsl template and was complaining about anything coming after it. So you can't have this: (sorry about the curly braces, it seems blogger doesn't play nicely with code tags)
{xsl:template match="/rdf:RDF|/rss"}
{img src="...."}{/img}
{div}
...
{/div}
{xsl:template}
To fix this problem, all I did was wrap everything in another div.
{xsl:template match="/rdf:RDF|/rss"}
{div}
{img src="...."}
{div}
...
{/div}
{/div}
{xsl:template}
... et voila ...
