Navegação utilizando as teclas de direção

HTML

<section>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
</section>

CSS

section {
  width: 200px;
  height: 230px;
  overflow: auto;
  border: 1px solid #eee;
  position: relative;
}


div {
  width: 100px;
  height: 30px;
  background-color: #eee;
  border: 1px solid #ccc;
  margin: 5px auto;
  cursor: pointer;
}