sora

html 

<div id="wrap"> 
<h1><img src="img/godstep.jpg" width="450" height="338" /></h1> 
</div>

css

#wrap{
    margin:0;
    background-color:#1d2420;
    height:338px;
}

#wrap h1{
    margin:0;
    padding:0;
}

使った画像

sora

上の様な画像を使ってます。
で、この画像が入っている"wrap"は、背景色を#1d2420としてて、
画像右端を、同じ色でぼかしています。
だから、ボックス背景色と画像のつなぎ目が目立ちません。
wrapのボックスは、widthを指定していないのですが、そうするとブラウザ幅いっぱいに 伸びてくれるみたいです。

参考にした本： センスを光らせるwebデザインワーク