akkordeon IE 7 - bilder außerhalb

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

PHP-Code:

---

/**
 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

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

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

ich habe nun den verursacher herausgefunden

PHP-Code:

---

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