Text in <div> scrollen

[Danushka]

Guten Abend alle miteinander
Ich habe da ein kleines Problem, ich habe 2 Divs

<div id=1>
 <div id=2>
 ganz viel text
 </div>
</div>

nun habe ich id=1 positioniert und möchte id=2 scrollen wenn der Text nicht platz hat (beim klick auf ein Bildchen)
kann mir jemand sagen wie ich das tun muss?
also hier noch der CSS Teil von id=1

background: #FFF542;
  border-width: 3px;
  border-color: #000000;
  border-style: dotted;
  position: absolute;
  top: 120px;
  left: 180px;
  right: 180px;
  bottom: 120px;
  z-index: 3;
  height: 80%;
  overflow: hidden;

habes mit -> document.getElementById("1").style.top=-xxx; <- versucht
jedoch ohne Erfolg, hoffe jemand hilft mir hier

danke
Danushka