cssによるプルダウンメニューの不具合

質問

宜しくお願いします。

フリーのcssをカスタマイズ使用してプルダウンメニューを作っていますがうまくいきません。便宜上、外部スタイルを内部に記述しています。

製品紹介のボタンだけがプルダウンです。

（ケースA）
http://nasu-exnet.info/pull-down2.html

DIV#menu{
top:;
left:;
width:100%;
position:absolute;
z-index:100;
}

こちらは、position:absolute;を入れています。これを入れるとボタンの位置がずれてしまいます。

（ケースB）
http://nasu-exnet.info/pull-down1.html

DIV#menu{
top:;
left:;
width:100%;
123position:absolute;
z-index:100;
}

こちらは、position:absolute;を無効にしてあります。ポジションは敵適正位置になりますが、プルダウンすると、全体がずれてしまいます。

どうすれば、適正位置でなおかつプルダウン時にずれなくなるでしょうか？

宜しくお願いします。

回答No.1

naokita

ちょっと面倒なサイトになりそうな予感。
とりあえず、プルダウンメニューは一時置いておいて・・・

手っ取り早くＢの方法と言うか、そんな感じで・・・
テーブルの高さを指定し
女性の画像を背景にする（メニュー部に被らないように）
メニュー枠セルの高さを広く指定しておく
テーブル内に次のセルも作り高さ指定はしない。

ズレは無くなるはずですが、
それからプルダウンメニュを見直して下さい・・・
ＣＳＳも見直したほうがいいと思いますよ。

お礼

アドバイスありがとうございます。
アドバイスの様な方法も試してみます。
また、同時にcssの問題点やjavaのプルダウンも調べてみます。