Hover-Effekt

[Kevin]

Hallo,

ich möchte eine Infobox erstellen, die auftauchen soll, sobald man über eines der Bücher im Top fährt.
Es funktioniert weder das Mouse-Over, noch, dass die Infobox im Vordergrund zu sehen ist.
Das Buch ist ein DIV(class="top_cover"). In diesem befindet sich ein weiterer DIV(class="mo"), der für die Positionierung der Infobox da ist. Die Infobox besteht aus einer Tabelle innerhalb des Positionierungs-DIVs.

HTML-AUSSCHNITT:

<div class="top_cover" style="background-image:url(pics/c11/die_tochter_der_midgardschlange.jpg);">
                    <div class="mo" style="z-index:2;">

<table cellspacing="0" cellpadding="0">
<tr><td class="mobox_top"></td></tr><td class="mobox_main"><span class="motitle">Die Tochter der Midgardschlange</span><br /><p class="motext">Das Neue Hohlbein-Werk des berühmten
Fantasyautoren verspricht Spannung pur!</p><div class="mobox_uebergang"></div></td></tr><td class="mobox_bottom"></td></tr></table>

</span></div></div>

CSS-AUSSCHNITT:

/* MOBOX */

.top_cover .mo{
  margin:130px 0px 0px -107px;
  width:1000px;
  float:left;
  display:none;
}

top_cover .mo:hover{
  display:inline-block;
}

.mo:hover{
}

.mobox_top{
  background-image:url(pics/aufbau/mobox/top.png);
  width:320px;
  height:48px;
}
.mobox_main{
  background-image:url(pics/aufbau/mobox/main.png);
  width:294px;
  height:48px;
}

.mobox_bottom{
  background-image:url(pics/aufbau/mobox/bottom.png);
  width:320px;
  height:18px;
}

.mobox_uebergang{
  background-image:url(pics/aufbau/mobox/bottomuebergang.png);
  width:320px;
  height:23px;
}

Ich hoffe, dass mir da jemand weiterhelfen kann. Vielen Dank schonmal im vorraus!