[css] img cote à cote et overflow

Bonjour,

dans un bloc de largeur variable (width:90% pour fixer les idées) je souhaite placer deux images de même dimension cote à cote, jusque là, rien de problématique. Mais, je veux en plus que l'image de gauche (1) soit rogner par la gauche et l'image de droite (2) le soit par la droite quand le bloc conteneur se réduit. La longueur rognée à gauche de l'image (1) doit être la mème à droite de l'image (2)

J'ai pour l'instant fait ça, mais ça ne marche pas.


  
    
  
  
    
  


Merci de vos réponses

Sapakus

Oups !

Voici le code en question :

<div style="padding:1%; margin:1%;">
  <div style="float:left; width:50%; overflow:hidden;">
    <img src="image1.png" style="float:right; height:120px; "/>
  </div>
  <div style="float:left; width:50%; overflow:hidden;">
    <img src="image2.png" style="float:left; height:120px; "/>
  </div>
</div>