css - suche etwas wie den java rolleffekt

[Janizzle]

Hallo, habe davon gehört, das sich mit hilfe von css etwas der java rolleffekt aufbauen lässt. Wie ist der Code dafür, wenn ich z.B.

MySpace.com - Jan - 17 - Uomo - Kamp-Lintfort, DE - www.myspace.com/q09878971

auf dieser Seite, (Drunter steht der link der im Code ist)

<div style="position:absolute; top:7px; left:874px; width:19px; height:18px; overflow:auto;" class="MySpace"
<a href="http://home.myspace.com/index.cfm?fuseaction=user"><img src="http://img403.imageshack.us/img403/504/myspacemodernblacklinkmlo8.png" alt="" border="0"></a><br>
</div>

Das, sobald man über das "X" oben rechts geht (nicht klicken!) ein Bild erscheint. Es soll sofort wechgehen wenn man von dem verlinkten Feld wechgeht, also den Mauszeiger wegbewegt.

 

[Drakes]

Etwas in diesem Stil:

<!-- das ins head -->
<style type="text/css">
.Hover img {
     display: none;
}
.Hover:hover img {
     display: block;
     position:absolute;
     top:7px;
     left:874px;
}
</style>

<!-- das in den body -->
<div class="Hover">
X
<img src="http://img.png" alt="" />
</div>

 

[Janizzle]

Kannst du mir vieleicht sagen, wie ich das in diesem Code einsetzen soll?:
Das ganze ist ein myspace Profil, also mit der body ist das oben ;)

</td></tr></table></td></tr></table></td></tr></table></div>

<style type="text/css">
body {background-color:black; background-image:none;}
td, .text, div, input {color:white !important;}
a {color:silver !important;} img {border:0px;}
table, tr, td {background:transparent; border:0px;}
img, .contactTable { display:none; }
.bbzContainer img, .comt img { display:inline; } 
table div, td td td, table div div { visibility:hidden; }
font, a, .bbzsc a { visibility:hidden; }
marquee { visibility:visible !important; }

.bbzComment { This is where you control the position of the player. }
table table embed {display:block; width:295px; height:51px; position:absolute; top:934px; margin-left:-306px; visibility:visible;}
table table table embed,  .bbzContainer div embed {position:static !important; width:auto; height:auto; }
.text, table table table table a,
table table table table div,table table table table div a {visibility:visible;}
.bbzComment { You selected to show comments. }
.bbzsc { visibility:hidden; }
.herpe { You selected to show friends. }
.comt td, .comt table{width:0px!important; height:0px!important; background-color:transparent!important; border:0px!important; _padding:2px!important;} .comt, .comt td, .comt table, .comt td a img, .comt td td td a, .comt td b a, .comt td .redlink{visibility:visible;} .comt td td td b{top:0px; display:inline;} .comt .orangetext15{display:none;} .comt td b, .blacktext10 {display:block;} .comt table, .comt td b, .comt .btext, .redlink{position:relative; top:-9px;} .comt {z-index:7;}
.herpe { This is where you control your top8 and comment position. }
.comt {
  background-image:url(http://img50.imageshack.us/img50/8449/myspacemodernblackcommewd8.png);
  background-attachent:fixed;
  overflow:hidden
  visibility: visible; position:absolute; left:50%; top:0%;  overflow:none; width:500px; height:auto;
  border:0px solid; border-color:silver;
  margin-top:229px; margin-left:-101px; background-color:black;
}
.comt span, .comt b {color:white !important; visibility:visible !important; display:inline !important; }
.comt table { width:450px !important; }
.comt table table { width:0px !important; }
.blacktext10 { width:450px; display:block; }
.comt a, .comt font, .comt span { visibility:visible !important; }

.div3 {
 background-image:url(http://img409.imageshack.us/img409/2585/myspacemodernblackplayejr4.png);
 background-repeat:no-repeat;
background-attachent:fixed;
border:0px solid; border-color:silver;
width:303px; height:59px; overflow:auto;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:-450px; margin-top:930px; text-align:center;
visibility:visible;}

.div2 {
 background-image:url(http://img409.imageshack.us/img409/2585/myspacemodernblackplayejr4.png);
 background-repeat:no-repeat;
background-attachent:fixed;
border:0px solid; border-color:silver;
width:303px; height:59px; overflow:auto;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:-450px; margin-top:930px; text-align:center;
visibility:visible;}

.div1 {
background-image:url(http://img404.imageshack.us/img404/264/myspacemodernblackbackgvx8.jpg);
background-repeat:no-repeat;
background-attachent:fixed;
background-color:black; color:black;
border:0px solid; border-color:silver;
width:900px; height:600px; overflow:auto;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:-450px; margin-top:100px; text-align:center;
visibility:visible;}
marquee { z-index:8; }
table div, span, td td td, table div div { visibility:hidden !important; }
.bbzContainer div, .bbzContainer div font, .bbzContainer div a, .bbzContainer div div, .bbzContainer font a, .bbzContainer span, .bbzContainer div table a, .bbzContainer div table img, .bbzContainer div table font, .bbzContainer div table, .bbzContainer div table td, .comt, .comt td, .comt span, .comt a, .comt div {visibility:visible !important;}

.bbzDiv {content:"Overlay Generator beta";}
</style>
<div style="display:none;"><table><tr><td><table><tr><td><table><tr><td>

<div class="bbzContainer">
<div class="div1">

<div style="position:absolute; top:7px; left:874px; width:19px; height:18px; overflow:auto;" class="MySpace"
<a href="http://home.myspace.com/index.cfm?fuseaction=user"><img src="http://img403.imageshack.us/img403/504/myspacemodernblacklinkmlo8.png" alt="" border="0"></a><br>
</div>

</div>
<div class="bbzsc"><table><tr><td><table><tr><td><table><tr><td>

Vielen Dank schonmal ;)