JSとCSSと印刷

原稿執筆用フレームワーク、PDFに印刷してiPadで読めるようにしようと思って脚注をposition:absoluteで傍注風に横に出すようにしたのだけども、FirefoxでPDFにしたらoffsetTopが0になってしまうのか一箇所に全部重なって表示されて全然役たたずに。

$('<p></p>').text("(脚注: " + text + ")")
.css("position", "absolute")
.css("top", $(this)[0].offsetTop)
.css("left", "410px")
.appendTo("#content");

Safariでやると大丈夫そうだったので安心してたんだけど、文章の下の方になると徐々にずれてるなぁ…難しい…