[CSS]クロスブラウザで使える矢印付きボタンや見出しのスタイリング
サンプル1-ページナビゲーション
サンプル2-見出し
クロスブラウザで使える矢印付きボタンや見出しのスタイリング
サンプル3-見出し
クロスブラウザで使える矢印付きボタンや見出しのスタイリング
サンプル4-ツールチップ
tooltip（ツールチップ）クロスブラウザで使える矢印付きボタンや見出しのスタイリング
tooltip（ツールチップ）クロスブラウザで使える矢印付きボタンや見出しのスタイリング
tooltip（ツールチップ）クロスブラウザで使える矢印付きボタンや見出しのスタイリング
tooltip（ツールチップ）クロスブラウザで使える矢印付きボタンや見出しのスタイリング
※下向きの場合は、高さを指定しないと矢印が離れたり、隠れたりします。
borde-width多めに取り（padding:0）、背景色を下とあわす事で擬似的に三角（四角）を描画しています。画像を用意する手間も省けますし、色の変更等もスタイルで簡単に設定できるので、一考の余地はあるかもしれません。
設置等に関しては以下のサイト等を参考にさせて頂きました。
KntL Pager - Example Page
great!