liCSSとulタグを使用して垂直メニューを設計しました。それはうまく機能しますが、多くのヒントのためだけです。しばらくすると、ホバー効果は最後のアイテムに対してのみ機能します。
ここで私のプロジェクトを見てください:http://www.saberi.ws/test/
左側のメニュー(製品、国など)でマウスを動かして、これが実際に動作していることを確認してください。
ここで関連するCSSファイルを見ることができます。
あなた#tickerはあなたのナビゲーションの前に横たわっています。あなたに追加z-index: 0し、あなた#tickerに追加position: relative; z-index: 1します#container_left_menu。
これにより、ナビゲーションがティッカーの上に移動します。は、、またはでのみ機能するposition: relativeため、 は必須です。z-indexposition:absoluteposition:relativeposition:fixed
My solution is much simpler, to my mind. Simply add overflow: hidden; to your #news.