d3.js - HTML div オーバーレイを SVG チャートの中央に配置する

Question

D3 で描画した SVG 円グラフがあり、次のように、円グラフのさまざまなスライスにマウスを合わせると表示される小さな HTML div があります。

http://jsfiddle.net/adamehirsch/bzSpW/

問題は、その HTML オーバーレイの配置にあります。現在、ページ全体に対して明示的に配置する必要があります。以下は、javascript の 145 行目あたりにあります。

d3.select("#bracketsTip")
    .style("left", "420px") // this is dumb
    .style("top", "320px")  // and unnecessary, I'm sure
.transition()
    .duration(250)
    .style("opacity", 1.0);

ピクセル オフセットを自分で指定しなくても、円グラフの中央に HTML div を表示する方法を探しています。提案？