Thanks to my College Joris (a.k.a. whizzrd) i wanted to make my website really Standards complient and not be satisfied with quirks mode but with standards mode.
Well, i did it, and this is how....
Make sure your page is served with Content-Type application/xml.
In PHP you can send this header:
header("Content-Type: application/xml");
Next on the top of your HTML you place this:
<?xml version="1.0" encoding="iso-8859-1"?>
<?xml-stylesheet type="text/xsl" href="copy.xsl"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
[
<!ATTLIST td hoverimage CDATA #IMPLIED>
<!ATTLIST td normalimage CDATA #IMPLIED>
]>
<html xmlns="http://www.w3.org/1999/xhtml">
As you can see i defined two custom attributes for the td tag.
Now make sure you create a file named copy.xsl in your document root:
The file contains:
<stylesheet version="1.0"
xmlns="http://www.w3.org/1999/XSL/Transform">
<template match="/">
<copy-of select="."/>
</template>
</stylesheet>
IE should display your page like it should, but firefox has mysterious gaps when you use tables to make your layout (which you offcourse should not do to begin with 
Read this doc from mozilla dev to know all about why these gaps are there.
You can fix the gaps in FireFox by adding this style:
td img {
display: block;
}
Congratulations! You now have a w3c validating website in Standards mode.
You may have noticed your jQuery stuff is nog working anymore. In the Standards mode Mozilla does not generate implicit top-level JavaScript variable bindings for elements with the id or name attribute.
You can use your jquery stuff by not using the $ shortcut but calling jquery directly. See this example:
window.jQuery(document).ready(function() {
window.jQuery(".someelement a").hover(
function() {
//hover stuff },
function() {
//do other stuff
}
);
});
Well, thats it for now, hope you can enrich your life with this information and work on a unpoluted HTML world with me from today on.
Cheers..
