hi, I have a problem to use the css style inside the javascript: I am using style inside my code as follows: [!--coloro:#339999--][span style=\"color:#339999\"][!--/coloro--]<html> <head> <title>LTU Computer Science Forum</title> <style type="text/css"> TABLE,TR,TD { background: transparent; color: #ff00cc; background-color: #000000; } TABLE { width: 100%; } </style> <script language="JavaScript"> function loading() { document.write('<img src="LTULogo.jpg" width="974" height="72"/>'); var xmlDoc=new ActiveXObject("Microsoft.XMLDOM"); xmlDoc.async="false"; xmlDoc.load("forums.xml"); var doc=xmlDoc.documentElement; for(var i=0; i<doc.childNodes.length; i++) display(doc.childNodes(i)); } function display(cat) { document.write('<TABLE cellspacing="1" ><TR><TH COLSPAN="3">'+cat.getAttribute("NAME")+'</TH></TR>'); document.write('<TR><TD>Forum</TD><TD>Topics</TD><TD>Replies</TD></TR>'); for(var j=0;j<cat.childNodes.length;j++) {var node=cat.childNodes(j); document.write('<TR><TD>'+node.childNodes(0).firstChild.text+'<br>'+node.childNodes(1).firstChild.text+'</TD><TD>'+node.childNodes(2).firstChild.text+'</TD><TD>'+node.childNodes(3).firstChild.text+'</TD></TR>'); } document.write('</TABLE>'); } </script> </head> <body onload="loading()"> </body> </html>[!--colorc--][/span][!--/colorc--] since I'm using xml Dom so I'm obliged to put the table inside the javascript, this thing makes the style not working for the table Does any body know why and how to make it working?