Sneap: Problem mit vergrößern von Bildern

Beitrag lesen

Hey Leute,
ich hab eine kleines Problem mit dem Vergrößern von Bildern. Mein Code dafür sieht so aus:

  
<head>  
<style type="text/css">  
.photo a:hover a:hover,  
.photo a:hover {  
  white-space:normal;  
  position:absolute;  
}  
  
.photo a:hover ul li a:hover img,  
.photo a:hover img {  
  position:absolute;  
  left:-50px;  
  top:-32px;  
  width:200px;  
  height:150px;  
  border-color:#F00;  
}  
</style>  
</head>  
<body>  
  
<div class="photo">  
<a href="lbox/portrait1.jpg">  
  <img src="lbox/portrait1a.jpg" alt="" title="" width="100" height="100"/>  
</a>  
<a href="lbox/portrait2.jpg">  
  <img src="lbox/portrait2a.jpg" alt="" title="" width="100" height="100" />  
</a>  
<a href="lbox/portrait3.jpg">  
  <img src="lbox/portrait3a.jpg" alt="" title="" width="100" height="100" />  
</a>  
  
</div>  
</body>  

~~~ das ganze funktioniert an sich auch echt super, nur hab ich dabei 2 Probleme und zwar:  
1\. würde ich gerne die größe des Bildes beim over übergeben, damit nicht jedes Bild gleich groß angezeigt wird.  
  
2\. Das andere Problem was ich habe ist, das immer das letzte Bild beim hover (egal über welchem Bild ich mit der Maus bin) verschwindet, wobei ich nicht ganz weiß wieso.  
  
Danke an euch alle schon mal fürs helfen.  
  
Mfg