Not working right in IE

JavaScript
1

I have this javascript that is not working right in IE. At the top you see javascript for an online chat. The button is appearing at the bottom of the navigation in IE instead of at the top. In firefox its appearing right. Please help.



document.write("<div class='nav'>")
var lhnJsHost = (("https:" == document.location.protocol) ? "https://" : "https://");
document.write(unescape("%3Cscript src=" + lhnJsHost + "www.livehelpnow.net/lhn/scripts/lhnvisitor.aspx?div=&amp;zimg=32&amp;lhnid=8456&amp;iv=1&amp;iwidth=101&amp;iheight=35&amp;zzwindow=0&amp;d=0&amp;custom1=&amp;custom2=&amp;custom3=' type='text/javascript'%3E%3C/script%3E"))
document.write("</div>");



document.write("<div class='nav' style='color: #0050A3;'>Products <img src='/images/dnav_arrow.gif' width='10' height='10' border='0'></a></div>");


document.write("<div class='nav_l2'><a href='/force_gauge.html'>Force Gauges <img src='/images/onav_arrow.gif' alt='' id='arrow4' width='10' height='10' border='0'></a></div>");

document.write("<div class='nav_l2'><a href='/instruments/menu-torque.html'>Torque Gauges <img src='/images/onav_arrow.gif' alt='' id='arrow4' width='10' height='10' border='0'></a></div>");

document.write("<div class='nav_l2'><a href='/instruments/menu-indicat.html'>Sensors &amp; Indicators <img src='/images/onav_arrow.gif' alt='' id='arrow4' width='10' height='10' border='0'></a></div>");

document.write("<div class='nav_l2'><a href='/instruments/menu-loadcells.html'>Smart Load Cells <img src='/images/onav_arrow.gif' alt='' id='arrow4' width='10' height='10' border='0'></a></div>");

document.write("<div class='nav_l2'><a href=\\"javascript: block_closed('menu3','arrow3');\\">Test Stands</a> <a href=\\"javascript: block_closed('menu3','arrow3');\\"><img src='/images/unav_arrow.gif' alt='' id='arrow3' width='10' height='10' border='0'></a></div>");

document.write("<ul id='menu3' class='nav_l3'>");
document.write("<li><a href='/instruments/menu-stands.html'>Motorized Test Stands</a></li>");
document.write("<li><a href='/instruments/menu-manualstands.html'>Manual Test Stands</a></li>");
document.write("</ul>");


document.write("<div class='nav_l2'><a href='/instruments/menu-testsys.html'>Ergonomics Test Kits <img src='/images/onav_arrow.gif' alt='' id='arrow4' width='10' height='10' border='0'></a></div>");

document.write("<div class='nav_l2'><a href='/instruments/menu-grips.html'>Grips &amp; Attachments <img src='/images/onav_arrow.gif' alt='' id='arrow4' width='10' height='10' border='0'></a></div>");

document.write("<div class='nav_l2'><a href='/instruments/menu-accessories.html'>Accessories <img src='/images/onav_arrow.gif' alt='' width='10' height='10' border='0'></a></div>");

document.write("<div class='nav_l2'><a href='/instruments/menu-software.html'>Software <img src='/images/onav_arrow.gif' alt='' id='arrow7' width='10' height='10' border='0'></a></div>");

document.write("<div class='nav_l2'><a href='/instruments/menu-testers.html'>Configuring A System <img src='/images/onav_arrow.gif' alt='' id='arrow4' width='10' height='10' border='0'></a></div>");

document.write("<div class='nav_l2'><a href='/instruments/menu-legacy.html'>Legacy Products <img src='/images/onav_arrow.gif' alt='' id='arrow4' width='10' height='10' border='0'></a></div>");

document.write("<div class='nav'><a href='/services/general.html'>Services <img src='/images/onav_arrow.gif' width='10' height='10' border='0'></a></div>");
document.write("<div class='nav'><a href='/downloads.html'>Downloads <img src='/images/onav_arrow.gif' width='10' height='10' border='0'></a></div>");
document.write("<div class='nav'><a href='/news.html'>News <img src='/images/onav_arrow.gif' width='10' height='10' border='0'></a></div>");
document.write("<div class='nav'><a href='/warranty.html'>Product Registration <img src='/images/onav_arrow.gif' width='10' height='10' border='0'></a></div>");
document.write("<div class='nav'><a href='/applications/index.html'>Gallery <img src='/images/onav_arrow.gif' width='10' height='10' border='0'></a></div>");
document.write("<div class='nav'><a href='/inquiries.html'>Inquiries <img src='/images/onav_arrow.gif' width='10' height='10' border='0'></a></div>");

document.write("<div class='nav'><a href='/about.html'>About Mark-10</a>  <img src='/images/onav_arrow.gif' width='10' height='10' border='0'></div>");

document.write("<div class='nav'><a href=\\"javascript: block_closed('menu8','arrow6');\\">Where To Buy <img src='/images/unav_arrow.gif' alt='' id='arrow6' width='10' height='10' border='0'></a></div>");

document.write("<ul id='menu8' class='nav_l3'>");
document.write("<li><a href='/order.html'>Ordering Direct</a></li>");
document.write("<li><a href='/distributor-us.html'>US Distributors</a></li>");
document.write("<li><a href='/distributor-intl.html'>International Distributors</a></li>");
document.write("<li><a href='/distributor-catalogs.html'>Catalog / Web Sales</a></li>");
document.write("<li><a href='/gsa.html'>US Government Purchases</a></li>");
document.write("<li><a href='/reseller.html'>Become a Reseller</a></li>");
document.write("</ul>");

document.write("<div class='nav'><a href=\\"javascript: block_closed('menu9','arrow6');\\">Resources <img src='/images/unav_arrow.gif' alt='' id='arrow6' width='10' height='10' border='0'></a></div>");

document.write("<ul id='menu9' class='nav_l3'>");
document.write("<li><a href='/tools/load.html'>Conversion Calculators</a></li>");
document.write("<li><a href='/faq.html'>Frequent Questions</a></li>");
document.write("</ul>");


document.write("<div class='nav'><a href='/contact.html'>Contact Us</a>  <img src='/images/onav_arrow.gif' width='10' height='10' border='0'></div>");

document.write("<div class='nav'><a href='/index.html'>Home</a>  <img src='/images/onav_arrow.gif' width='10' height='10' border='0'></div>");


document.write("<div style='margin-top:15px;'><a href='http://www.mark-10.com/gsa.html'><img src='http://www.mark-10.com/images/GSA-small.gif' border='0'></></div>");
document.write("<div style='margin-top:15px;'><a href='http://www.mark-10.com/video.html'><img src='http://www.mark-10.com/images/Video-logo.jpg' width='154' height='54' border='0'></></div>");
document.write("<div style='margin-top:15px; text-align:center;'><a href='http://mark-10blog.blogspot.com'><img src='http://www.mark-10.com/images/blogger_logo.png' style='border:0;'><a href='http://www.facebook.com/pages/Mark-10-Force-Measurement/138943942794711'><img src='http://www.mark-10.com/images/facebook-logo.png' style='border:0;'></></div>");
//http://mark-10blog.blogspot.com
2

You answered your own question:
The button is ‘appearing’ in a different location on different browsers. That is a CSS issue.
Take a look at your CSS and any necessary hacks for IE.

3

But how do i write the css for a javscript VAR?

4

You don’t. The javascript command “document.write” outputs HTML code (look at it carefully) directly to the browser.
Create/modify the CSS for ‘nav’, ‘nav_12’, et cetera.