Lista z linkami w polu z suwakiem

Witam

Mam w prawym panelu dodaną listę postów za pomocą widgetu "lista linków".
Niestety lista ta zrobiła się zbyt duża i prawy panel z miejsca przestał być przez to czytelny...
Dlatego też chciałbym zrobić taką listę i wrzucić ją w pole tekstowe z suwakiem.

<style type="text/css">
<!--
div.scroll {
height: 200px;
width: 250px;
overflow: auto;
border: 0px;
background-color: #111010;
padding: 8px;
}
-->
</style>

<div class="scroll"></div>

Niestety nie wiem jak to zrobić. I przede wszystkim ,jeśli wrzucam takie pole z suwakiem w jeden widget HTML/JAVA i definiuje dla niego height 400 px, to jak wrzucę drugie, do drugiego widgetu HTML/JAVA i ustawie dla niego height 200px , to obydwa mają taką samą wysokość, pomimo różnych wartości wpisanych.
Jak powinien wyglądać css dla pojedynczego pola tekstowego, żeby jego formatowanie nie wpływało na następne dodawane?
No i jeszcze Byłbym bardzo wdzięczny za parametry do sformatowania listy. Umieścić je w samym divie , czy w style?

Z góry dziękuje za pomoc i przepraszam za pytania odnośnie tak podstawowych rzeczy...

Wrzuć jakiś przykład obrazujący Twój problem na jsbin.com, albo podobny serwis.

Ogólnie rzecz biorąc to mój problem dotyczy bloga na platformie blogger. Jak dodaje do prawego szablonu widget HTML/JAVA i wrzucam do niego pole z suwakiem i definiuje dla niego szerokość powiedzmy 200px, to później przy kolejnym widgetcie z następnym polem tekstowym, to następne pole, też ma 200px nie zależnie, od tego jaką szerokość dla niego ustawie.
Tak jak by trzeba by było zdefiniować osobną klasę dla każdego pola. Tylko, że...

<style type="text/css">
<!--
div.scroll {
height: 200px;
width: 250px;
overflow: auto;
border: 0px;
background-color: #111010;
padding: 8px;
}
-->
</style>
 
<div class="scroll"></div>

tutaj w tym kodzie scroll jest klasą w samą sobie... I nie mam pojęcia, jak zdefiniować pod klasę? W tym wypadku...
Oprócz tego chciałbym ,umieścić listę z linkami do moich postów i nie wiem gdzie umieścić style dla niej? W style? chodzi mi o listę z następującym formatowaniem: każda pozycja ma po lewej stronie bullet w postaci kropki/kółka (takiego standardowego), pozycja nad pozycją bez żadnych linijek pomiędzy pozycjami. Generalnie lista o standardowym formatowaniu bloggera

dodanie znacznika <code class="css"> - @furious programming

Napisałeś prawie to samo, a ja Ciebie prosiłem o przykład do poklikania. Zrealizujesz moją prośbę czy napiszesz po raz 3 to samo?

I zapamiętaj, że Java, a Javascript to dwa różne języki.

Nie rozumiem po co mam robić screeny, czegoś co chyba logicznie opisałem...
Na pewno nie chcę wstawiać linka do mojego bloga , ze względu na jego treść...
Wstawiłem kod, więc wiadomo o co chodzi.
Za dalszą część posta, która była przed chwilą przepraszam, ale poniosły mnie emocje...