estou a usarword-break: break-all; e quero saber como posso fazer com que o navegador insira automaticamente ohífens, como demonstrado em umExemplo MDN.

div {
  width: 80px;
  height: 80px;
  display: block;
  overflow: hidden;
  border: 1px solid red;
  word-break: break-all;
  hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
}

<div>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>

Tal que o texto ficaria assim:

aaaaaaaa-
aaaaaaaa-
aaaaaaaa-
aaaaaaaa

Eu criei umJSFiddle também.

Isso precisa funcionar no IE9 / IE10, mas seria bom se funcionasse também no Firefox e no Chrome.