質問者は恐らくこんなイメージであろう。
 amenubgcap1160.png画面幅 1660px でキャプチャしたもので、ブログのサイズは 1150px。

CSS は然程難しくはない。
.skinBody {
background-image: url(URL);
background-repeat: repeat-x; /* 水平に繰り返す */
background-position: -10px 0; /* 必要に応じて */
}

問題は画像の作り方であろう。

知っておくべき数字

ヘッダーてっぺんからグローバルメニュー下端までの距離。
(上記画像では 355px)
グローバルメニューの高さ。(上記画像では 80px)
そこで 640 x 360 のキャンバスを用意。(GIMP で作業した)
上から 270px のところから下(90px 分)をクロで塗りつぶした。
 amenu-bg-cap.png透明背景で作業したので png で保存し、アップロード。

もし上下位置に多少のズレが起きた場合は CSS の background-position で調整する。
マイナス(上記例では -10px)にすれば、背景画像は上に行く。
帯の上下幅が足りない場合は CSS で調整ということはできないので、作りなおす。