Suckerfishの息子CSSメニュー - サブメニューがメニュー項目の下に表示されない

Question

私はSuckerfishのSonを持っていますが、メニュー項目の上にマウスを置くと、その下に直接表示されるのではなく画面の左側に表示されます私が上に乗ったアイテム。

例えばhttp://blacktownworkersgroup.worldsecuresystems.com/bwc09/events

あなたは、サブメニューがこの項目の下に表示することになっている「イベント」の上にカーソルを置きます。

SafariとChromeでは正しく動作しますが、IE7、Firefox 3、Operaでは正しく動作していません。

Answer 1

cssは絶対配置を使用するブロックを示します。あなたはそれを正しく配置するために、上部と左の属性を設定する必要があります。

それ以外の場合は、position：relativeに変更します。 float：leftを使用します。 this tutorial on SoS dropdowns

Answer 2

のように修正しました。

オリジナルのリスト項目は、インラインで表示するのではなく、フローティングする必要がありました。それに影響を与える他の要素もあったかもしれませんが、今修正されました！