Usando CSS puro se pueden crear triángulos compatibles entre navegadores con muy poco código
El secreto de estos triángulos es crear borders gigantes a los dos lados perpendiculares de la dirección en que desea que apunte el triángulo. Hacer el border del lado opuesto del mismo tamaño con el color de fondo o cualquier color que quieras poner en cada tooltip. Un border más grande, agranda el triángulo. Puedes colorear tus triángulos con cualquier color, cualquier tamaño y en cualquier dirección. La mejor parte es que es necesario muy poco código para lograr este efecto. Ver demo.