Как сделать независимый скролл в блоке с абсолютным позиционированием?

aside { 
  position:absolute; 
  height: 100px; 
  width: 100px; 
  background: red; 
} 
 
aside ul { 
  height: 100px; 
  overflow-y: scroll; 
  margin: 0; 
  padding: 0; 
}

<aside> 
<ul> 
<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> 
</ul> 
</aside>