hover-problem bei firefox und internet-explorer

[Mr.y]

Hallo zusammen :)

ich habe ein Problem bei dem handling von chrom, firefox und internet-explorer.
Situation:
Ich navigiere auf ein Abschnitt auf z.b " A" aus "ABC" Top-Menü und es erscheint unter "A" ein untermenü, das selbe bei B, C
Das mache ich so:

#navigationTop ul li:hover ul {
    display: block;
}

Der Chrome macht das problemlos und zwar auch mit einem kleinen Abstand zu dem jeweiligen top-menü-abschnitt.
Sprich unter A erscheint A-Untermenü, unter B das B-Untermenü und unter C das C-Untermenü.

Firefix und Explorer lassen das nur links-oben erscheinen.
Ich hab noch "display: inherit" ausprobiert, dann erscheitn das zwar bei Firefox und Explorer unter dem jeweiligen Top-Menü aber ohne Abstand und im Chrom ist das ganze dann wieder versetzt.... :(

Wie kann ich das handeln????
Danke für jeden Tipp.

 

[Tronjer]

Jo, schau mal in den Firebug. Der Grund wird wahrscheinlich nicht dem geposteten Code-Schnipsel liegen.

 

[Mr.y]

hhmm....firebug zeigt mir nicht so viel an...einfach die entsprechend css. Zeile, aber die kenne ich auch so^^
hier ist der dazu passender html-abschnitt:

            <div id="navigationTop">
                <ul>
                    <li><h3>HauptkategorieA</h3>
                        <ul>
                            <li><a href="#">UnterkategorieA</a></li>
                            <li><a href="#">UnterkategorieA</a></li>
                            <li><a href="#">UnterkategorieA</a></li>

                        </ul>

                    </li>
                    <li><h3>HauptkategorieB</h3>
                        <ul>
                            <li><a href="#">UnterkategorieB</a> </li>
                            <li><a href="#">UnterkategorieB</a></li>
                            <li><a href="#">UnterkategorieB</a></li>

                        </ul>

                    </li>
                    <li><h3>HauptkategorieC</h3>
                        <ul>
                            <li><a href="#">UnterkategorieC</a> </li>
                            <li><a href="#">UnterkategorieC</a></li>
                            <li><a href="#">UnterkategorieC</a></li>

                        </ul>

                    </li>
                    <li><h3>HauptkategorieD</h3>
                        <ul>

                            <li><a href="#">UnterkategorieD</a> </li>
                            <li><a href="#">UnterkategorieD</a></li>
                            <li><a href="#">UnterkategorieD</a></li>

                        </ul>

                    </li>
                    <li><h3>HauptkategorieD</h3>
                        <ul>
                            <li><a href="#">UnterkategorieD</a> </li>
                            <li><a href="#">UnterkategorieD</a></li>
                            <li><a href="#">UnterkategorieD</a></li>

                        </ul>

                    </li>
                </ul>
            </div>

Der Firefox zeigt mir das passende Untermenü aber immer an der selben position links und nicht wie der chrom direkt unter dem passenden top-menü-abschnitt

 

[threadi]

Ein Link zur betroffenen Seite wäre hilfreicher.

 

[djheke]

Guck mal hier sind zwei Teile.
www.gipspferd.de/css/anleitung/a20/a20.php
Vielleicht hilft's.