Centrare barre dell'overflow

[iacoposk8]

ciao a tutti... ho una situazione di questo tipo:

<style>
.cella{
     float:left;
     width:20px;
     height:20px;
}
</style>
<div style="width:200px; height:200px; overflow:auto;">
     <div style="width:1000px; height:1000px">
          <div id="cella1" class="cella"></div>
          <div id="cella2" class="cella"></div>
          <div id="cella3" class="cella"></div>
          <div id="cella4" class="cella"></div>
          .............
          .............
          .............
          <div id="cella5" class="cella"></div>
     </div>
</div>

Quindi una "mappa" con tante celle contenuta in un div con overflow:auto.
io vorrei creare una funzione, che dato un id mi centri la mappa, per esempio:
centraMappa("cella52");
mi riesca a spostare le barre di scorrimento (destra e inferiore dell'overflow) in modo che il div con id cella52 mi risulti centrato.
come faccio? (con o senza jquery va bene)