div box soll ander div box überlagern

[fakerer]

Irgendwie verstehe ich das nicht.
Problem:
ich habe mehrer div boxen untereinander. In jeder Box soll ein Infobutton sein.
bei Mouseover zeige ich die infotext box an.
Mein Problem ich schaff es nicht im ie6 das das .infotext div über das nächste .box div steht.
Habe schon mit z-index und overflow rumgespielt aber leider noch ohne Erfolg.
Falls jemand ne Idee dazu hat würde ich mich sehr freuen. Danke!

<div class="box">
[INDENT]<div class="infobutton" align="right">
    <img src="btn_info.png" />
</div>
<div class="infotext" style="display: none;">
    <div>
        <h2 align="center">{t}{$Titel}{/t}</h2>
        <hr /><br />
        {t}{$Text}{/t}
    </div>
</div>
[/INDENT]</div>

.box{
    position: relative;
}
.infobutton{
     position: absolute;
     top: 3px;
     right: 3px;
}
 .infotext{
     position: absolute;
     top: 0;
     right: 0;
     width: 225px;
     z-index: 100;
}

 

[sokie]

AW: div box soll ander div box überlagern

ich habe ein bisschen Probleme mir das vorzustellen. Vielleicht hast du mal eine skizze?
welche doctype verwendest du ?

 

[Landorien]

AW: div box soll ander div box überlagern

Generell sollte es so funktionieren wie du es gemacht hast. Allerdings fehlt der z-index. Vllt hilft dir das weiter:

Bitte kostenlos registrieren, damit du die Links siehst.

Gruß
Lando