This code works in firefox 2, firefox3 and chrome but in in opera, ie6, ie7 olive div appear in wrong place when u scroll list. In ie it goes up and in opera down. Why, any solution?.
<style> ul{margin: 200px 0px;padding: 0px;list-style: none;background-color: blue;overflow: auto;width:120px;height: 150px;} li{width:100px;height: 100px;background-color: green;} #klon{position:absolute;width:100px;height: 100px;z-index: 10;background-color: olive; } </style> <ul> <li>a</li> <li>b</li> <li>n</li> <li>m</li> <li>t</li> <li>u</li> <li>o</li> </ul> <div id="klon" style="display:none" > </div> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/ libs/prototype/1.6.0.3/prototype.js" ></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/ libs/scriptaculous/1.8.1/scriptaculous.js" ></script> <script type="text/javascript"> Event.observe(window, 'load', function() { var klon; $$('li').each(function(el){ Event.observe(el, 'mouseover', function(event) { klon = $('klon'); klon.clonePosition(el); klon.show(); klon.clonePosition(el); }); }); Event.observe('klon', 'mouseout', function(event) { klon.hide(); }); }); </script> --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Prototype & script.aculo.us" group. To post to this group, send email to prototype-scriptaculous@googlegroups.com To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~----------~----~----~----~------~----~------~--~---