MAC IE compilance

HI,
I have a site locally that works fine in all browsers except in MAC IE. IN this site I am using a JS code for some contents to move automatically upwords and stops on mouse over on the content which is given in a small box in the html page.In the code there is positioning(absolute ,relative) whille I am deleting positioning from this the box height is increased and the content in the box is not moving.
Here is the code for the content section.
txt+='<div id="ref" style="position:relative;width:'+boxwidth+'; height:'+boxheight+'; background-color:'+boxcolor+';" ></div>';
txt+='<div id="outer" style="position:absolute; width:'+boxwidth+'; height:'+boxheight+'; visibility:hidden; background-color:'+boxcolor+'; overflow:hidden" >';
txt+='<div id="inner" style="position:absolute; visibility:hidden; left:4px; top:2px; width:'+(boxwidth-4)+'; overflow:hidden; cursor:default;"><div class="red">'+content+'</div></div>';
txt+='</div>';

document.write(txt);

Height,width,color are given to the variables as

var boxheight=260; // BACKGROUND BOX HEIGHT IN PIXELS.
var boxwidth=180; // BACKGROUND BOX WIDTH IN PIXELS.
var boxcolor="#EEEEEE"; // BACKGROUND BOX COLOR.

Please help me to find a solution.

Sudheshna