BLOGのTOP画像のサイズを変更したい。

デザイン「秋葉原」にしたのですが
TOP画像を変更した所、余白スペースが生まれて
しまいました。
CSS知識が乏しいのでどの部分を変更したら
画像をもう少し大きく余白のないように表示
できるでしょうか？
デザイン上変更できないのであれば仕方ないです。


こんな感じに表示されてしまっています。

どなたかご教授お願いします。

http://image.blog.livedoor.jp/sarusarumonkey/
imgs/2/9/29fcae32.JPG?blog_id=1105842

（ちなみに?blog_id=1105842は不要です。）


上記画像を加工するか、リサイズしてみて下さい。

下記を利用して、画像を拡大します。

・画像加工


・リサイズ・キャプチャ


とりあえずは、こちらを使って画像を拡大できます。

画像　→　リサイズ/リサンプル　→　（アスペクト比を保存にチェックを入れたまま）新しい大きさを指定

横幅1000pxくらいにして入れてみて下さい。

#banner{
width:1000px;
height:リサイズした画像の高さpx;
margin:0px 0px 25px 0px;
background:url(リサイズした画像のURL) no-repeat 50% 0;
text-align:left;
}

画像の高さが大きくなるのが気になる場合は、上記加工ソフトか、お手持ちのソフトで画像の高さを縮小されて下さい。


現在のCSSではcontainerの幅が100%で、可変になっていますので、解像度が大きくなりブラウザを広げるとどうしてもスペースはできます。

#container{
width:1000px;
margin:0 auto;
text-align:center;
word-break:break-all;
}

とすれば、せめてブログの幅とはタイトルの画像の幅はあわせることができます。ただ、横幅が変わらなくなってしまうので、横幅可変のデザインがお好みでしたら、別の方法を考えないといけません。