●質問
　下記のHTMLで、sytle属性の値から20px引いた値を、それぞれに再設定したいのですが、
　どのようにスクリプトを書けばいいでしょうか？


●HTML
<div class="title" id="title1" style="top: 135px">
　　<a href="" target=""onClick="" onMouseOver="" onmouseout=""></a>
</div>
<div class="submenu" id="submenu1" style="top: 150px"></div>

<div class="divider" id="title2" style="top: 155px">
<hr class="menu" />
</div>
<div class="submenu" id="submenu2" style="top: 180px"></div>

<div class="title" id="title3" style="top: 200px">
　　<a href="" target=" onMouseOver="" onmouseout="">
　　　　<img name="" id="" src="" border="">
　　</a>
</div>
<div class="submenu" id="submenu3" style="top: 220px"></div>


●環境
　Windows XP Professional SP3 32bit
　Firefox 3.5.8
　Greasemonkey 0.8.20100211.5

よろしくお願いします。