mejorar el menú desplegable con css

[pzin]

Por otro lado, podrías usar pseudo-elementos para crear esos triángulos.

Al del tipo:

Código CSS:

li.padre {
  position: relative;
}
 
li.padre:after {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 0;
  height: 0;
  content: '';
  border: 10px solid transparent;
  border-left: 20px solid black;
  border-right: none;
}