CSS aggiungere puntini di sospensione con overflow

Per ottenere i puntini di sospensione alla fine di testo troncato via css con l' overflow: hidden occorre aggiungere: text-overflow: ellipsis; attenzione perchè funziona solo con Internet Explorer:

<style type="text/css">
.test{
  text-overflow: ellipsis;
  width: 120px;
  white-space: nowrap;
  overflow:hidden;
  height:30px;
  border: 1px solid red;
}
</style>

<div class="test">
     <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
<div>