CSSの修正箇所を教えてください。

質問

http://pet-thailand.com/example.html

上記ページのＣＳＳの修正について教えてください。

１、トップメニューの右端のメニューにカーソルを置いた時、2階層目が右の枠の下に潜り込んでしまい隠れてしまいます。枠の下に潜り込まずに、上に表示されるようにするには、どうすればよいでしょうか？

２、サイドバーの背景が、サイドバーに配置した画像の高さで切れてしまいます。コンテンツの高さに合わせて、フッターあで背景を伸ばしたいのですが、ＣＳＳをどのように調整すれば良いでしょうか？

大変恐れ入りますが、教えていただけると助かります。

回答No.1

hogusyaki

＞１、トップメニューの右端のメニューにカーソルを置いた時、2階層目が右の枠の下に潜り込んでしまい隠れてしまいます。枠の下に潜り込まずに、上に表示されるようにするには、どうすればよいでしょうか？
.content-wrapperのoverflow:hiddenを削除する必要があるとおもいます。
そうすると、menutop-wrapperに指定しているbox-shaddowが出てきてしまうので、そちらの効果を意図した感じにできるよう調整がいるかと思いますが・・・

＞２、サイドバーの背景が、サイドバーに配置した画像の高さで切れてしまいます。コンテンツの高さに合わせて、フッターあで背景を伸ばしたいのですが、ＣＳＳをどのように調整すれば良いでしょうか？
おそらくですが、main-contentの高さとsidebarの中のcontentの高さをそろえないといけないと思います。Javascriptなどで高さを取得してそろえてあげるか、CSSでうまいこと指定してあげる必要がありそうです・・・。

○参考サイト：floatしたdivの高さを揃える
http://scuderia-web.com/tips/xhtml_css/equal_box_heights.php

内容が具体的ではなくすみません・・・