(bak) :
<html>
<head>
<title>Udgivelser i denne måned</title>
<style type="text/css">
tbody tr:hover,tbody tr.hover
{ background-color: #ccd5e8;
}
tr, td
{ behavior: url('IEfix.htc');
}
td a {
display: block;
}
tr,th,td {text-align:center; padding:0 10px 0 10px;}
td:hover, td.hover
{ background-color: red/*#ccd5e8*/; color:white;
}
</style>
</head>
<body>
<table padding="0" border="1">
<tr margin="0" padding="0">
<th align="left">Spil</th>
<th align="left">Platform</th>
<th align="left">Categori</th>
<th align="left">Udgivelses Dato</th>
</tr>
<xsl:for-each select="Games/Game">
<tr margin="0" padding="0">
<td><xsl:value-of select="Title" />test 1</td>
<td><xsl:value-of select="Platform/Title" />test 2</td>
<td><xsl:value-of select="Category" />test 3</td>
<td><xsl:value-of select="ReleaseDates/Scandinavia" />test 4</td>
</tr>
</xsl:for-each>
<tr margin="0" padding="0">
<td><xsl:value-of select="Title" />test 5</td>
<td><xsl:value-of select="Platform/Title" />test 6</td>
<td><xsl:value-of select="Category" />test 7</td>
<td><xsl:value-of select="ReleaseDates/Scandinavia" />test 8</td>
</tr>
<tr margin="0" padding="0">
<td><xsl:value-of select="Title" />test 9</td>
<td><xsl:value-of select="Platform/Title" />test 10</td>
<td><xsl:value-of select="Category" />test 11</td>
<td><xsl:value-of select="ReleaseDates/Scandinavia" />test 12</td>
</tr>
</table>
</body>
</html>
AND the below code, saved as "IEfix.htc" under "All Files", makes this work. I added some "<tr>s" with "<td>s" to verify that it works.
Be sure to manually add the ".htc" and SAVE AS "All Files", or else you will pick-up an unwanted extention, like "IEfix.htc.js", which will not work.
"IEfix.htc" file goes in same directory as page (index.html)..<PUBLIC:ATTACH EVENT="onmouseover" ONEVENT="DoHover()" />
<PUBLIC:ATTACH EVENT="onmouseout" ONEVENT="RestoreHover()" />
<PUBLIC:ATTACH EVENT="onmousedown" ONEVENT="DoActive()" />
<PUBLIC:ATTACH EVENT="onmouseup" ONEVENT="RestoreActive()" />
<SCRIPT LANGUAGE="JScript">
function DoHover()
{ element.className += ' hover';
}
function DoActive()
{ element.className += ' active';
}
function RestoreHover()
{ element.className = element.className.replace(/\bhover\b/,'');
}
function RestoreActive()
{ element.className = element.className.replace(/\bactive\b/,'');
}
</SCRIPT> What we are doing, is instructing brain-dead Internet Exploder how to handle the pseudo-class as a 'onMouseOver/onMouseOut' event. "Compliant browsers" would not need this, and never see this script (or, do not act any differantly because of it..)
-I just examined this in IE and Fx: it works for BOTH browsers, which is what you want it to do. :)