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?.

        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; }


<div id="klon" style="display:none" >

<script type="text/javascript" src="
libs/prototype/" ></script>
<script type="text/javascript" src="
libs/scriptaculous/1.8.1/scriptaculous.js" ></script>

<script type="text/javascript">
        Event.observe(window, 'load', function() {
                var klon;
                        Event.observe(el, 'mouseover', function(event) {
                                klon = $('klon');

                Event.observe('klon', 'mouseout', function(event) {


You received this message because you are subscribed to the Google Groups 
"Prototype &" group.
To post to this group, send email to
To unsubscribe from this group, send email to
For more options, visit this group at

Reply via email to