Div überlappt den überliegen Div nicht

[Sascha]

Ich habe folgende Herausforderung: der abgebildete Bereich ist eine vertikal scrollende Terminliste

#termin-widget {
font-size:10pt;
max-height:335px;
overflow:hidden;
}

dadrin sind weiter divs für die Tage und die Termine
per jquery werden nun <em> Elemente bei mausover also Eine Art Tooltipp angezeigt leider schaffe ich es einfach nicht das die Auch den äußeren Rahmen überlappen das rote Rechteck deutet es an.

#termin em {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/bg-overlib.png) repeat scroll 0 0;
display:none; // wird per jquery ausgehebelt...
font-style:normal;
left:10px;
overflow:visible;
padding:5px;
position:absolute;
z-index:3;
}

Könnt ihr mir einen Tipp geben wie es läuft?

Vielen Dank!