Свойство CSS Overflow / Div при наведении курсора - IE & Chrome

Question

У меня есть div внутри основного div, имеющий следующие свойства:

#inner {
width:149px;
overflow:auto; //Note this
margin:35px 0 0 0;
height:575px;
display:none;               
}

на main div Я вызываю две функции для двух событий (onmouseover и onmouseout).При наведении курсора на внутренний div отображается полоса прокрутки.Кажется, что когда мышь перемещается с полосы прокрутки в DIV после прокрутки вниз, DIV возвращается наверх.Вы можете найти код здесь: [ссылка] http://www.designworks.com.pk/example/

Пожалуйста, протестируйте в IE & chrome, когда мы прокручиваем вниз DIV возвращается к вершине.Пожалуйста, помогите мне решить эту проблему.

Answer 1

У меня нет времени, чтобы полностью исследовать это в данный момент, но я полагаю, что это вызвано одним из странных поведений mouseover / mouseout, которые происходят с дочерними элементами.

Если jquery является опцией, использование hover решает многие из этих проблем и, похоже, решает вашу проблему:

http://jsfiddle.net/ZJBXX/13/

РЕДАКТИРОВАТЬ: обратите внимание, что это работает от скрипки, размещенной в комментариях и может не совпадать с вашим текущим кодом.