MARGINを設定することによって枠の大きさを調節できます。 オンマウスで大きくなった画像が綺麗に入るようにするには(400×286の画像の場合) MARGIN: 0px 80px 0px 80px; マウスを乗せて見てください。
↓これですと画像がバランスよく枠の中に入っていますが オンマウスで表示される画像は大きくはみ出します。