akkordeon IE 7 - bilder außerhalb

[whitestone]

in einem akkordeon habe ich text und bild. alles wird korrekt im FF, safari, IE 8 dargestellt. der IE 7 zeigt die bilder "oberhalb" (einen level höher) der akkordeons an. die akkordeons sind einzelne elemente

/**
 Accordion 
**/
.ce_accordion .toggler
{
    padding:6px 9px;
    background:#fdfeff url("tl_files/hydro_layout/gradient3.jpg") right bottom no-repeat;
    border-right:1px solid #ddd;
    border-left:1px solid #ddd;
    cursor:pointer;
}
.ce_accordion .toggler.active_ak,
.ce_accordion .toggler:hover
{
    color:#003678;
}
.ce_accordion .toggler:hover
{
    background-position:right center;
    color:#003678;
}
.ce_accordion .toggler.active_ak
{
    background-position:right top;
    color:#003678;
}
.ce_accordion_first .toggler
{
    border-top:1px solid #ddd;
}
.ce_accordion .accordion div
{
    padding:9px 9px 0 9px;
    background-color:#fcfcfc;
    border:1px solid #ddd;
} 

es müsste irgendwo im css ein hund begraben sein, ich komme aber nicht drauf
leider ist die seite nur lokal auf meinem server

hat irgendwer einen guten tipp? danke im voraus

[whitestone]

so ich habe das jetzt testweise auf meinem webspce hochgeladen

http://www.whitestone.at/hydro/index...teilungen.html

wenn jemand sich das einmal anschauen könnte, wäre ich dankbar

natürlich kann ich auch einen backendzugang einrichten, falls gewünscht

danke schon mal für hilfreichen tipps

[whitestone]

wenn ich die bilder mit dem texteditor einbinde in den <p>, dann funktioniert das ganze auch im IE 7

http://www.whitestone.at/hydro/index...tatements.html

wenn ich die bilder zwecks "großansicht" extra in einen image_container einbinde, dann stellt der IE 7 das ganze falsch dar

[whitestone]

ich habe nun den verursacher herausgefunden

div.image_container
{
    position:relative;
}
span.zoom
{
    width:16px;
    height:16px;
    position:absolute;
    display:block;
    background-image:url("tl_files/hydro_layout/zoom_in.png");
    background-repeat:no-repeat;
    text-indent: -9999px;
}
span.zoom
{
    bottom:0;
    right:0;
} 

es ist das "position: relative;" des div.image_containers für die lupe

gibt es da eine lösung, dass ich beides verwenden könnte sowohl akkordeon als auch lupe

danke für tipps