<textarea name="TextArea" id="TextArea" rows="5" cols="5">
1
2
3
4
5
6
7
8
</textarea>

<style>
div {
width: 250px;
height: 200px;
overflow: auto;
background: black;
color: #fff
}
a {
text-decoration: none;
color: #fff
}
a:hover {
color: yellow
}
</style>
<div>
<ul>
<li><a href="#">Punkt1</a>
<li><a href="#">Punkt2</a>
<li><a href="#">Punkt3</a>
<li><a href="#">Punkt4</a>
<li><a href="#">Punkt5</a>
<li><a href="#">Punkt6</a>
<li><a href="#">Punkt7</a>
<li><a href="#">Punkt8</a>
<li><a href="#">Punkt1</a>
<li><a href="#">Punkt2</a>
<li><a href="#">Punkt3</a>
<li><a href="#">Punkt4</a>
<li><a href="#">Punkt5</a>
<li><a href="#">Punkt6</a>
<li><a href="#">Punkt7</a>
<li><a href="#">Punkt8</a>
</ul>
</div>