CSSで 画像をかさねたい

質問

お世話になります。
CSSで　画像をかさねたいんです。
下になる画像を「背景」にして　それで２つを重ねればいいのかと思いましたが、どうもうまくいきません。
CSSソースは
.left{ width:182px;
background:url(sideback.gif)
float:left;
}
.left-midashi{ width:182px;
text-align: center;
}
＊「float:left」がはいっているのは、右隣にメインの枠があるからです
HTMLは↓
<div class="left">
<div class="left-midashi"><img src="sidemanu-canner.gif"></div>
</div>
です。
初心者なので凡ミスかもしれませんが、自分ではよくわからなくなってしまいました。。。よろしくおねがいいたします。m(_ _"m)ペコリ

回答No.3

goldfox · ベストアンサー

＞どっちの画像も表示できません
それは変ですね。
画像のアドレス、綴りを間違えているということはないですか？
<img src="sidemanu-canner.gif" alt="メニュー">
のほうは×印にはなるのでしょうか。

とりあえず原因を確認するため、ひとつずつ付け足してみてください。
同じページ内の<div></div>の外に、
<img src="sidemanu-canner.gif" alt="">
<img src="sideback.gif" alt="">
をつけるとちゃんと表示されるでしょうか。
.left imgのほうに画像の縦横幅を指定するとどうですか？
float:left;をはずしてみるとどうですか？

お礼

ありがとうございました！
すみません、画像の名前をまちがえていました汗　コピペしたので
だいじょうぶだとおもいこんでいて・・
(ガックリ

回答No.2

goldfox

.left{ width:182px;
background:url(sideback.gif);
float:left;
text-align: center;
}
.left img{ width:182px;
}

<div class="left">
<img src="sidemanu-canner.gif" alt="メニュー">
</div>

単純にこれでいいのでは…

補足

ありがとうございます。だめです。。どっちの画像も表示できません（涙　テストに　↑だけのものを表示できるかやってみましたができませんでした。。。・゜・(ノД`)・゜・。

回答No.1

noname#14286

background:url(sideback.gif)の後に;がない。
background:url(sideback.gif);

あと、
.leftに高さを追加してあげれば
とりあえず、ふたつの画像は表示できました。

補足

ありがとうございます直しました。
.left{
width:182px;
height:812px;
background:url(sideback.gif);
float:left;
}
.left-midashi{
width:182px;
text-align: center;
}
--------------------------------------
<div class="left">
<div class="left-midashi"><img src="sidemanu-canner.gif"></div>
</div>
--------------------------------------
上に乗せたい画像（sidemanu-canner.gif)が消えています。。
どこにったのやら・・ちなみに表示をためしているのはfirefoxです。
段組みたいに上下に表示するのではなく、完全に重ねたいのです。。