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>';
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.
MAC IE compilance
A link to the page would be helpful, so those who use IE/Mac can look at the code and give you a hand.
My opinion, if you choose to accept it, is that unless a client specifically asks for compliance with IE/Mac, I wouldn't sweat it. From what I understand, Microsoft is not going to update it...and it is so full of bugs that many don't bother with it.