NB. I'm using a Javascript function to write the whole page dynamically, sorry should have made that clear in the first place.)
The root path I'm using is based around all of the others within the app I'm modifying, and works fine for every other hard coded page I've used. So I'm not sure that I need ../ (though I would normally be using it - I'll give it a go and see, just didn't want to mess with what already worked as far as that went).
Should the stylesheet have to be a variable? I'm not sure. Why would it? do the # etc within the css conflict with the Javascript when read into the new document or something?
It may be that this line of code is fine, but when it's removed the rest works a'ok -though it could be a conflict with something else I guess, but I have no idea what.
The full function (for those wondering) looks something like this...
function mainMenu() {
mainMenu = window.open("/webnativedoc/doc/blank.html", "mainMenu");
mainMenu.document.open("text/html");
mainMenu.document.write("<head><title>Menu Test</title>");
mainMenu.document.write("<link rel='stylesheet' href='/webnativedoc/images/houseStyles/mainMenu.css' type='text/css'></head>");
mainMenu.document.write("<body>");
mainMenu.document.write("<form method='POST' name='search' action='/webnative/searchengine'>");
mainMenu.document.write("<table cellspacing='0' cellpadding='0'><tr>");
mainMenu.document.write("<td class='tabTop' colspan='2'></td></tr>");
mainMenu.document.write("<tr><td class='tabSlope'><img src='images/tabSlant.gif'></td>");
mainMenu.document.write("<td class='tab'>");
mainMenu.document.write("<script type='text/JavaScript'>");
mainMenu.document.write("parent.listContent.basket button2();");
mainMenu.document.write("parent.listContent.passwo rdbutton();");
mainMenu.document.write("parent.listContent.helpbu tton2(parent.mainContent.helpLocation, 'document.search.inwinstrmain');");
mainMenu.document.write("parent.mainContent.search button(parent.mainContent.dir);");
mainMenu.document.write("</script>");
mainMenu.document.write("</td></tr></table>");
mainMenu.document.write("</form>");
mainMenu.document.write("</body>");
mainMenu.document.close();
mainMenu.focus();
}