ヘッダ・フッタで追加してるdiv.headerの子div.headerimgを作って同じ大きさにし、それぞれに背景画像を設定、子の背景を透過色を枠で囲むような画像にしてみる。これで写真画像をリサイズだけして、サーバにアップロードすれば良いようになった。
div.headerの直下にimgタグを入れると、CSSの関係で、例のFirefox隙間ができるので、どちらも背景画像にしてるというのもある。
同じように透過な画像で枠を作ってるサイトがちらほらあったので、真似してみたのであった。
追記：IE6だと写真が表示されとりません。まあいいか。（おぃ
追記２：そうか透過PNGには問題があったのか、Javascriptを組み合わせるか、IMGタグで貼り付ければ手はあるみたいだけど、filter: alpha(opacity=透かす比率);でごまかしてみる。
追記３：!importantは使いたくなかったけど、これでIEでは透過GIFを表示させることにする
