HTML+CSS+JavaScript

Уважаемые! На вас вся надежда...  Использую выпадающее меню:  <style>  body{background-color:#FFFFFF}  A{color:Navy; text-decoration:none}  A:hover{color:red}  A:visited:{color:#808080}  TD{font-family:arial,helvetica; font-size:10pt}  DIV.clTopMenu{position:absolute; width:101; height:150; clip:rect(0,101,14,0); visibility:hidden; z-index:31; layer-background-color:#EEEEEE; background-color:#EEEEEE}  DIV.clTopMenuBottom{position:absolute; width:101; height:3; clip:rect(0,101,3,0); top:11; layer-background-color:#CECFCE; background-color:#CECFCE; z-index:2}  DIV.clTopMenuText{position:absolute; width:91; left:5; top:15; font-family:arial,helvetica; font-size:11px; background-color:#EEEEEE; z-index:1}  </style>  <script>  ie=document.all?1:0  n=document.layers?1:0  If you want to change the appearens on the text, background-colors, size or  anything do that in the style tag above.  This menu might not be as easy to adapt to your own site, but please  play around with it before you mail me for help  var numberOfMenus=2  var mwidth=101  var pxBetween=10  var fromLeft=20  var fromTop=10  var bgColor='#CECFCE'  var bgColorChangeTo='#6380BC'  var imageHeight=11  //Object constructor  function makeNewsMenu(obj,nest){  nest=(!nest) ? '':'document.'+nest+'.'  this.css=(n) ? eval(nest+'document.'+obj):eval('document.all.'+obj+'.style')  this.scrollHeight=n?this.css.document.height:eval('document.all.'+obj+'.offsetHeight')  this.moveIt=b_moveIt;this.bgChange=b_bgChange;  this.slideUp=b_slideUp; this.slideDown=b_slideDown;  this.clipTo=b_clipTo;  this.obj = obj + "Object"; eval(this.obj + "=this")  }  //Objects methods  function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x; this.css.top=this.y}  function b_bgChange(color){if(ie) this.css.backgroundColor=color; else this.css.bgColor=color}  function b_clipTo(t,r,b,l){  if(n){this.css.clip.top=t; this.css.clip.right=r; this.css.clip.bottom=b; this.css.clip.left=l  }else this.css.clip="rect("+t+","+r+","+b+","+l+")";  }  function b_slideUp(ystop,moveby,speed,fn,wh){  if(!this.slideactive){  if(this.y>ystop){  this.moveIt(this.x,this.y-5); eval(wh)  setTimeout(this.obj+".slideUp("+ystop+","+moveby+","+speed+",'"+fn+"','"+wh+"')",speed)  }else{  this.slideactive=false; this.moveIt(0,ystop); eval(fn)  }  }  }  function b_slideDown(ystop,moveby,speed,fn,wh){  if(!this.slideactive){  if(this.y<ystop){  this.moveIt(this.x,this.y+5); eval(wh)  setTimeout(this.obj+".slideDown("+ystop+","+moveby+","+speed+",'"+fn+"','"+wh+"')",speed)  }else{  this.slideactive=false; this.moveIt(0,ystop); eval(fn)  }  }  }  //Initiating the page, making cross-browser objects  function newsMenuInit(){  oTopMenu=new Array()  for(i=0;i<=numberOfMenus;i++){  oTopMenu[i]=new Array()  oTopMenu[i][0]=new makeNewsMenu('divTopMenu'+i)  oTopMenu[i][1]=new makeNewsMenu('divTopMenuBottom'+i,'divTopMenu'+i)  oTopMenu[i][2]=new makeNewsMenu('divTopMenuText'+i,'divTopMenu'+i)  oTopMenu[i][1].moveIt(0,imageHeight)  oTopMenu[i][0].clipTo(0,mwidth,imageHeight+3,0)  oTopMenu[i][0].moveIt(i*mwidth+fromLeft+(i*pxBetween),fromTop)  oTopMenu[i][0].css.visibility="visible"  }  }  //Moves the menu  function topMenu(num){  if(oTopMenu[num][1].y==imageHeight) oTopMenu[num][1].slideDown(oTopMenu[num][2].scrollHeight+20,10,40,'oTopMenu['+num+'][0].clipTo(0,mwidth,oTopMenu['+num+'][1].y+3,0)','oTopMenu['+num+'][0].clipTo(0,mwidth,oTopMenu['+num+'][1].y+3,0)')  else if(oTopMenu[num][1].y==oTopMenu[num][2].scrollHeight+20) oTopMenu[num][1].slideUp(imageHeight,10,40,'oTopMenu['+num+'][0].clipTo(0,mwidth,oTopMenu['+num+'][1].y+3,0)','oTopMenu['+num+'][0].clipTo(0,mwidth,oTopMenu['+num+'][1].y+3,0)')  }  //Changes background onmouseover  function menuOver(num){oTopMenu[num][1].bgChange(bgColorChangeTo)}  function menuOut(num){oTopMenu[num][1].bgChange(bgColor)}  //Calls the init function onload  onload=newsMenuInit;  </script>  </head>

сам скрипт...
а вот впринципе его использование:

<td ALIGN="center" color="#CECFCE" width="27">  <div style="position:relative" class="clTopMenu" align="center">  <div id="divTopMenu0" class="clTopMenu" align="center">  <a href="#" onmouseover="menuOver(0)" onmouseout="menuOut(0)" onclick="topMenu(0); if(ie)this.blur(); return false"><IMG src="qq.JPG"  WIDTH="128" HEIGHT="19" border="0"></a>  <div id="divTopMenuText0" class="clTopMenuText">  <a href="#" onclick="changeMenu(); return false">Первый пунктttttttt</a><br>  <a href="#" onclick="changeMenu(); return false">Меню</a><br>  <a href="#" onclick="changeMenu(); return false">Меню</a><br>  <a href="#" onclick="changeMenu(); return false">Меню</a>  </div>  <div id="divTopMenuBottom0" class="clTopMenuBottom"></div>  </div>  <div id="divTopMenu1" class="clTopMenu">  <a href="#" onmouseover="menuOver(1)" onmouseout="menuOut(1)" onclick="topMenu(1); if(ie)this.blur(); return false"><IMG src="qq.JPG"  WIDTH="128" HEIGHT="19" border="0"></a>  <div id="divTopMenuText1" class="clTopMenuText">  <a href="#" onclick="changeMenu(); return false">Первый пунктttttttt</a><br>  <a href="#" onclick="changeMenu(); return false">Меню</a><br>  <a href="#" onclick="changeMenu(); return false">Меню</a><br>  <a href="#" onclick="changeMenu(); return false">Меню</a>  </div>  <div id="divTopMenuBottom1" class="clTopMenuBottom"></div>  </div>  <div id="divTopMenu2" class="clTopMenu">  <a href="#" onmouseover="menuOver(2)" onmouseout="menuOut(2)" onclick="topMenu(2); if(ie)this.blur(); return false"><IMG src="qq.JPG"  WIDTH="128" HEIGHT="19" border="0"></a>  <div id="divTopMenuText2" class="clTopMenuText">  <a href="#" onclick="changeMenu(); return false">Первый пунктttttttt</a><br>  <a href="#" onclick="changeMenu(); return false">Меню</a><br>  <a href="#" onclick="changeMenu(); return false">Меню</a><br>  <a href="#" onclick="changeMenu(); return false">Меню</a>  </div>  <div id="divTopMenuBottom2" class="clTopMenuBottom"></div>  </div>  </div>  </td>

Проблема в следующем:
в ие смотрится вроде ничего, а вот в опере всё убегает вправо, да так, что последняя менюшка остаётся даже за пределами самой ячейки...
ну а в фаерфоксе не отображается вовсе ((((
может кто знает пути решения моей проблемы?
заранее благодарю!!!
________________________________
Ваш, Энтони

Проблема в старом скрипте: наличие layer (n=document.layers?1:0)говорит о том, что он писался под NN4, когда FF не существовало. Решение - выбрать новый скрипт с поддержкой FF и последних Опер (хотя бы 7) (Или написать свой.)

т.е. этот скрипт уже поправить нельзя, насколько японимаю?

используйте klayers (это название кросс-платформенного скрипта) для "общения" с элементами страницы

http://kruglov.ru/klayers/russian/

elenaki: тут случай, когда человек не пишет, а использует скрипты. Поэтому библиотеки ни к чему.
энтони : поправить всегда всё можно, но тут поправление нужно радикальное - переписать на совместимость с FF и современной Оперой.