ciao a tutti,

sto provando a fare una cosetta del genere per creare
una pagina download con le thumbs e da dx dovrebbe
apparire un div con la descrizione del download

ora sono riuscito a fare quasi tutto,
tranne che vorrei che il div che compare da dx
dovrebbe essere limitato al box 100x100
nel senso si vede esternamente che sta comparendo
e vorrei risolverlo

questo il codice

<!DOCTYPE html>
<html>
<head>
<style type="text/css">

div.div0 {
background:url('t_k1.png');
display:block;
width:100px;
height:100px;
position:relative;
}
div.div1 {
opacity:0;
display:block;
left:100px;
width:100px;
height:100px;
background:#999;
position:relative;
text-align:center;
vertical-align:-50px;
}
div.div0:hover div.div1 {
animation:mymove 2s forwards;
-moz-animation:mymove 2s forwards;
-webkit-animation:mymove 2s forwards;
-o-animation:mymove 2s forwards;
}

@keyframes mymove {
from {left:100px; opacity:0;}
to {left:0px; opacity:0.8;}
}

@-moz-keyframes mymove /*Firefox*/ {
from {left:100x; opacity:0;}
to {left:0px; opacity:0.8;}
}

@-webkit-keyframes mymove /*Safari and Chrome*/ {
from {left:100px; opacity:0;}
to {left:0px; opacity:0.8;}
}

@-o-keyframes mymove /*Opera*/ {
from {left:100px; opacity:0;}
30% {opacity:0.2;}
to {left:0px; opacity:0.8;}
}

</style>

</head>
<body>
<div style="display:block; left:100px; top:100px; width:100px; height:100px; position:absolute;">
<div class="div0">
<div class="div1">

prova</div>
</div></div>


</body>
</html>
cosa mi sfugge ?

tnx