Problème overflow image en css

Bonjour,

Je suis actuellement en train de réaliser mon premier site en html/css.
j'ai un problème avec une page, ou j'ai disposer plusieurs vignette et lorsque l'on clique dessus on à l'image en grand, jusqu'ici tout va bien seulement je veut en mettre beaucoup et pour ça j'ai besoin d'un overflow mais celui ci ne marche pas. voici mon code html et css pour que vous puissiez m'aider au mieux :

html :

<div id="corps"><!--CORPS--> 
 <p class="news2">
<a href="images/affichepalier.jpg"><img src="images/preview2.jpg" alt="preview affiche le palier" title="Clique pour agrandir" /></a><a href="images/afficheete.jpg"><img src="images/preview3.jpg" alt="preview affiche couleurs d'ete" title="Clique pour agrandir" /></a><a href="images/afficheeteville.jpg"><img src="images/preview5.jpg" alt="preview affiche laurent hennequin" title="Clique pour agrandir" /></a><a href="images/affichelaurent.jpg"><img src="images/preview4.jpg" alt="preview affiche laurent hennequin" title="Clique pour agrandir" /></a><a href="images/carte.jpg"><img src="images/preview8.jpg" alt="preview carte et menu" title="Clique pour agrandir" /></a><a href="images/carteinterieur.jpg"><img src="images/preview7.jpg" alt="preview carte et menu interieur" title="Clique pour agrandir" /></a><a href="images/logos.jpg"><img src="images/preview6.jpg" alt="logo ville" title="Clique pour agrandir" /></a><a href="images/couv.jpg"><img src="images/preview9.jpg" alt="preview couverture elan" title="Clique pour agrandir" /></a><a href="images/kakemono.jpg"><img src="images/preview10.jpg" alt="preview kakemono homme" title="Clique pour agrandir" /></a><a href="images/kakemono2.jpg"><img src="images/preview11.jpg" alt="preview kakemono enfant" title="Clique pour agrandir" /></a><a href="images/kakemono3.jpg"><img src="images/preview12.jpg" alt="preview kakemono femme" title="Clique pour agrandir" /></a><a href="images/plaquette.jpg"><img src="images/preview13.jpg" alt="preview plaquette orange" title="Clique pour agrandir" /></a><a href="images/plaquette.jpg"><img src="images/preview13.jpg" alt="preview plaquette orange" title="Clique pour agrandir" /></a><a href="images/plaquette.jpg"><img src="images/preview13.jpg" alt="preview plaquette orange" title="Clique pour agrandir" /></a> 

   </p> 
    
   </div>

et voici le css:

/*CORPS*/ 

.news2 a img 
{ 
   margin: Opx; 
   margin-top: 80px; 
   margin-left: 10px; 
   text-align: center; 
   border: 3px solid white; 
   overflow: auto; 
} 

#corps 
{ 
   width: 540px; 
   height: 460px; 
   margin-left: 320px;  
   margin-bottom: 20px;  
   padding: 20px;  
   color: black; 
   background-color: #DFD5BC;  
   background-image: url("images/portfolio.jpg"); 
   background-repeat: no-repeat; 
}