Ich schreibe hier Text,damit man den Fehler erkennen kann der mit dem JQuery - Accordion auftritt wenn man vorher einen ganzen Text Css Padding-Top nach unten verschiebt um dann ein Bild absolut zu positionieren damit es oben auf der Seite erscheint, obwohl es eigentlich erst nach dem ersten Absatz kommt.

Das Problem mit dem Fehlerhaften ausklappen des Accordions besteht nur im Firefox Version 3.6.13. Alle anderen Browser und auch ältere Firefox Version haben das Problem nicht. Mein Besipiel ist etwas einfacher gehalten als die ursprüngliche Seite auf der der Fehler auftritt, die ich aber nicht posten kann.

Ich habe den Fehler noch weiter eingegrenzt, In dem Beispiel wird der gesamte div Block in dem alle Inhalte stehen und auch das Accordion nach unten verschoben mit Css Padding Top. Wenn man das ändert und nur das oberste p Tag nach unten verschiebt, das was vor dem Bild liegt, funktioniert das Accordion wieder.

Wie gesagt das merwürdige an der Sache ist das sich alle sonst getesten Browser ,z.B. Konqueror, Opera und sogare die IE (Wunder über Wunder) hier normal verhalten. Nur der neuste Firefox (Version 3.6.13) kommt durch das Padding-Top durcheinander und die Höhenberechnung im Accordion funktioniert nicht mehr.

Ich vermute das das etwas mit der Reihenfolge zu tun hat, wahrscheinlich wird die Postion des Accordions berechnet bevor alles nach unten verschoben wird aber damit kommt es dann zu einer falschen Höhenberechnung beim ausklappen der Elemente

Der Grund warum es so kompliziert gemacht wird, das der Inhalt nach unten verschoben und das Bild oben fest positioniert wird, liegt an der Suchmaschinen Optimierung. Für Google darf das Bild nicht am Anfang des Textes liegen. (Ist nicht meine Idee ich muss nur damit leben ;) )