Preamble:
I know I'm being cheeky, lazy, whatever.But I've only being at this HTML/JAVA/CSS Lark a few weeks.



Problem
I have a java menu that spins round on my site.

Now in IE6 the control buttons that spin it are neatly centralised under it.

Wheras In FFOX 0-9-3 the buttons are shoved to the top left of the window.



Process:
The js script bit that calls the buttons is (if I guess right):

<div id="controale" style="position:absolute">

<input type=image src="/images/up_eyeleft.gif" onclick="eye.a2+=eye.pas;eye.muta()" onfocus="this.blur()">
</input>

<input type=image src="/images/up_eyeright.gif" onclick="eye.a2-=eye.pas;eye.muta()" onfocus="this.blur()">
</input>

</div>

Does anyone know of a FFOX / IE incompatibility affecting anything you can see?

Yours sincerely new at this stuff, and getting hacked off now.

Sites here btw and the file's /mainframe.html
http://www.kakak.karoo.net/


Full js file:

//EYEspin_dhtml (c) Petre Stefan
//email: eyecon@eyecon.ro
//website: www.eyecon.ro
//Modified by JavaScriptKit.com for relative positioning of menu
//please leave this copyright notice intact

eye={p:0,x:0,y:0,w:0,h:0,r:0,v:0,s:0,isVertical:0, a1:0,a2:0,a3:0,color:'#ffffff',colorover:'#ffffff' ,backgroundcolor:'#0099ff',backgroundcolorover:'#0 00000',bordercolor:'#000000',fontsize:12,fontfamil y:'Arial',pas:0,spinmenu:function(){this.p=this.r/this.s;this.a1=this.a2=this.isVertical?0:Math.PI/2},spinmenuitem:function(a7,a6,a5){a4=" onclick='window.open(\""+a6+"\""+(a5?(",\""+a5+"\" "):",\"_self\"")+")'";document.write("<div id='spinmenu"+this.a3+"' style='cursorointer;cursor:expression(\"hand\");position:absolu te;width:"+this.w+"px;left:"+this.h+"px;"+"backgro und-color:"+this.backgroundcolor+";color:"+this.color+ ";border:1px solid "+this.bordercolor+";font:normal "+this.fontsize+"px "+this.fontfamily+";text-align:center;cursor:default;z-Index:1000;' onmouseover='this.style.color=\""+this.colorover+" \";this.style.backgroundColor=\""+this.backgroundc olorover+"\"'"+ "onmouseout='this.style.color=\""+this.color+"\";t his.style.backgroundColor=\""+this.backgroundcolor +"\"'"+a4+">"+a7+"</div>");this.a3++},muta:function(){a8=document.getE lementById("controale");for(i=0;i<this.a3;i++){a9= document.getElementById("spinmenu"+i+"");a9s=a9.st yle;if(this.isVertical){xi=parseInt(this.r*Math.co s(this.a1+i*this.pas))/this.s;yi=parseInt(this.r*Math.sin(this.a1+i*this. pas));a10=(this.p+xi)/(2*this.p);a11=this.fontsize*(this.p+xi)/(2*this.p)+2;a12=parseInt(100*(this.p+xi)/(2*this.p))}else{xi=parseInt(this.r*Math.cos(this. a1+i*this.pas));yi=parseInt(this.r*Math.sin(this.a 1+i*this.pas))/this.s;a10=(this.p+yi)/(2*this.p);a11=this.fontsize*(this.p+yi)/(2*this.p)+2;a12=parseInt(100*(this.p+yi)/(2*this.p))};a13=(this.w-20)*a10+20;a14=(this.h-20)*a10+10;a9s.top=(yi+this.y-a14/2)+"px";a9s.left=(xi+this.x-a13/2)+"px";a9s.width=a13+"px";a9s.fontSize=a11+"px";a 9s.zIndex=a12};a8.style.top=this.y+(this.isVertica l?this.r:this.p)+this.h/2+6;a8.style.left=this.x-a8.offsetWidth/2;if(this.a1!=this.a2){this.a1=(this.a1>this.a2)?( this.a1-this.pas/this.v)this.a1+this.pas/this.v);if(Math.abs(this.a1-this.a2)<this.pas/this.v)

this.a1=this.a2;setTimeout("eye.muta()",10)}},spin menuclose:function(){this.pas=2*Math.PI/this.a3;document.write('<div id="controale" style="position:absolute"><input type=image src="/images/up_eyeleft.gif" onclick="eye.a2+=eye.pas;eye.muta()" onfocus="this.blur()"></input><input type=image src="/images/up_eyeright.gif" onclick="eye.a2-=eye.pas;eye.muta()" onfocus="this.blur()"></input></div>');eye.muta()}};

function getposOffset(what, offsettype){var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;var parentEl=what.offsetParent;while (parentEl!=null){totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft :totaloffset+parentEl.offsetTop;parentEl=parentEl. offsetParent;}return totaloffset;

}