画像がスクロールに影響

質問

こちらのテンプレートを
http://pensora.blog.shinobi.jp/Preview/V/31/

下記の様にカスタマイズしました。
http://pensora.blog.shinobi.jp/Preview/V/39/

結果、記事の日付左の犬画像がスクロールに影響されてしまいます。
CSS で
background-position: **;
background-repeat: no-repeat;
background-image: url('**');
の様に変えてしまうと、表示位置が上手くいきません。

スクロールの影響を受けない為に CSS へ何かを追加すれば
いいのか分からず、困っています。

どうぞ、ご教授願います。

回答No.2

Imiko

次のように変更するとどうなりますか？

img.logo {
position: absolute; ----> position: fixed;
clip: rect(auto 150px 150px auto);
overflow: hidden;

お礼

変化ないです。
プラグインなどの img は固定されますが
犬画像 logo だけは固定されません。

回答No.1

Imiko

画面をスクロールしても犬の画像がスクロールしないようにしたいということでしたら、次のようにしてみてください。

background-attachment:fixed;
background-image:url("**");

お礼

補足させて頂きましたが、その方法では表示が変わってしまうのです。
困ったモンです。

補足

補足させて下さい。
現在、HTML の記載がこちらです。
<div align="left"><img src="http://file.pensora.blog.shinobi.jp/image1763.gif" class="logo"></div>
そして、CSS はこちらです。
img.logo {
position: absolute;
clip: rect(auto 150px 150px auto);
overflow: hidden;

カスタマイズ前の状態のままです。
カスタマイズで、HTML に <div id="bodyBlock"> </div> を追加して
CSS へ下記を追加しました。
#bodyBlock {
height: 450px;
overflow-y: scroll;
clear:both;
}
TopBlock と FooterBlock 以外を アイフレームっぽくまとめた形です。
が、画像がスクロールに影響されてしまうので、
background-attachment:fixed;
background-image:url("**");
と変えてみましたが、表示が変わる為困っている訳です。
分かり難くて、申し訳ないのですが ・・・。