css - CSSの滑らかな対角線

Question

次のコードで対角線を作成しようとしています:

<div class="diagonal_line"></div>

.diagonal_line {
  border-bottom: 50px solid #212121;
  border-left: 8px solid rgba(255, 255, 255, 0);
  display: inline-block;
}

でも線がギザギザ。cssだけで斜め線を滑らかにすることはできますか?

デモ: http://jsfiddle.net/f8cpX/

更新:
- FF (22.0) と Safari (5.1.9) ではギザギザに見えますが、Chrome (28.0) ではそうではありません。
- 線だけでなく、斜めの形状 (デモを参照) を探しています。