La fonction a:hoover et l'apparition d'une photo au survol

Bonjour tout le monde

Je cherche compléxifier un petit peu la méthode permettant l'apparition d'une photo ou d'un commentaire lors du survol d'une balise <A>
(voir tutos)

Ainsi je cherche:

1
A ce que les propriétés du span qui s'affiche ne soient pas toujours les mêmes (sont positionnement notamment, ou la couleur de la bordure)
- pour cela j'ai appliqué un style au span que je fait varier mais à ce moment là le span ne s'en va plus lorsque l'on ne survole plus l'hyper lien.
Je vous donne le code

CSS

.menu2 li {margin-bottom:15px; margin-left:10px; float: left;}

.menu2 a span{ display:none;}
 .menu2 a:hover span{ display:block}
.menu2 a:hover {display: block; border:#FFFFFF 2px solid}
.menu2 a {display: block; border: 2px solid #040404}

.positionement1 {width:316px; height:400px; left: -316px; top:70px; border:solid black 1px ; 
position:absolute; 
background-color:#DBDBDB; text-decoration:none; text-align:center; font:italic bold; border:2px; text-align:center; 
display:none}

HTML

<ul class="menu2">
        
        <li class="Style1">
<a href="#">
<span class="positionement1">
<img src="dossier/images/porjet1/08diningroom.jpg" alt="dining room" />
</span>
<img src="dossier/images/porjet1/Miniature/08diningroom.jpg" width="65" height="50" border="0" />
</a></li>
</ul>

2 Ensuite j'aimerai pouvoir faire s'afficher deux commentaires distincts et séparés lors du survol de la balise, mais ce n'est pas envisageable si je n'ai pas réglé le premier pb.

Si l'un de vous à été confronté au pb ou bien si le sujet vous inspire...
Merci d'avance