Diaporama à 100%

bonjour,

j'ai un diaporama :

http://essentiel-internet.danna-icreations.com/article3/telerealite-sur-mars-en-2023

j'aimerais qu'il prenne la largeur du CONTENT.
Mais je voudrais qu'il se rétrécisse en fonction de la taille de la fenetre.

J'ai déjà du mal à le faire tenir sur la largeur. Il bloque à 500px. Je ne comprends pas pourquoi.
Pourriez vous m'aider si'l vous plait ?

Je vous remercie.

Voici mon code :

<div class="slideshow"> 
   <ul> 
<li> <img src="data/images/00003-1.jpg" alt="Mars one" /> </li> 
<li> <img src="data/images/00003-2.jpg" alt="Mars one" /> </li> 
<li> <img src="data/images/00003-3.jpg" alt="Mars one" /> </li> 
<li> <img src="data/images/00003-4.jpg" alt="Mars one" /> </li> 
<li> <img src="data/images/00003-5.jpg" alt="Mars one" /> </li> 
<li> <img src="data/images/00003-6.jpg" alt="Mars one" /> </li> 
   </ul> 
  </div> 




.slideshow{ 

 width:100%; 
 height:100%; 
background-color:green;} 

  
 img{ 
 width:100%; 
 height:100%; 
 }