[evgh]

<ul id="p" onmousemove="gg(event, this)">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
    <li>7</li>
    <li>8</li>
    <li>9</li>
    <li>10</li>
    <li>11</li>
    <li>12</li>
    <li>13</li>
    <li>14</li>
    <li>15</li>
</ul>

* { margin: 0; padding: 0; }

#p { 
border:1px solid #000;
height: 200px;
overflow-y: scroll;
}

function gg(e,t){
var percent=t.offsetHeight/100; // %=(всего/100)
percent=Math.floor(e.clientY/percent); // %=(позиция/%)

if(percent<25)
{
	//up
}
else if(percent>75)
{
	//down
}
}

вот такую фигню собрал...но не получается список "провернуть", не срабатывает ни scroll, ни scrollBy, ни scrollTo, даже когда overflow-y: scroll, не говоря уже о overflow-y: hidden.
может кто подскажет, как должно быть? как правильно