hatena-bodyのメリット。

えーとね。

  • table
  • h1
  • div.hatena-body

という風にあるということは、div.hatena-bodyにposition:relativeとか設定してdiv.mainとdiv.sidebarをpositionで綺麗に揃えられるという点が重要。
多分、神岡氏@id:kamiokaと土屋氏@id:chepooka辺りが推奨したと推測。
で、実例を書くと

.hatena-body {
 position: relative;
 top: 0px;
 left: 0px;
}

.main {
 margin-left:30%;
}

.sidebar {
 position: absolute;
 top: 0px; 
 left: 0px;
 width:28%;
}

これだけでdiv.mainとdiv.sidebarの上端が揃う。
普通に書くとNN4.x系が大変なことになるので注意(藁