Problem mit vergrößern von Bildern

[Beat]

.photo a:hover a:hover,

Meines Wissens lässt dieser Selektor auf falsches Markup schliessen.

.photo a:hover {
  white-space:normal;
  position:absolute;
}

.photo a:hover ul li a:hover img,

und dieser auch.

1. würde ich gerne die größe des Bildes beim over übergeben, damit nicht jedes Bild gleich groß angezeigt wird.

Dann ist es das beste, für den :hover img{} selektor für width und height auto anzugeben.
Freilich kannst du dadurch nicht zentrieren, sondern bestenfalls anhand der linken oberen Ecke positionieren. Sofern das Elternelement aber den display-typ table-cell hat, kannst du mit text-align und vertical-align arbeiten.

mfg Beat