CSSハックする前に･･･

各ブラウザのバグや仕様を調べましょう･･･っと。

Web2.0（古語）っぽい感じの、角が丸いレイアウト。
CSS3が勧告されれば簡単に指定できるみたいですが、現状で対応しているのはFFとSafari(GC含)のみ。

CSS2でも無理やりできるみたいですが
http://gigazine.net/index.php?/news/comments/20060525_rounded_corner_css/
行数が無駄に増えたり、JSを使うのでやりたくない。

やっぱり、「HTMLに情報を書き、CSSで見た目を定義する」という勧告に則りたいので。
JSはただ単に嫌いなだけです（ぉ

ということで、古典的な方法の画像を使うことに。

ヘッダ。
これは余裕。何も考えずimgタグで呼び出せばいい。

ボディ。
DWのプレビューで見ると正常。でもプニルで見るとボディとヘッダの間に隙間が開く。
マイナスのマージンで対応。するとOpera先生とか藍様でかさなっとる。

これはCSSハックか？！
と思ったけど、どうやらIEの「仕様」らしい。

http://ameblo.jp/css-memo/entry-10015168645.html

ということで、

img { vertical-align: top; }

で解決。
う～ん、これはスマート。

しかし忍者のエディタ、バグ多すぎである。IME動かなくなるとかどんだけー