[Résolu] Problème : image déborde !!!

Titre

Problème résolu, merci à Kustolovic ! Compatible jusqu'à IE8 (mais pas inférieur). Utilisation de display: table-row et display: table-cell.

Vignette 600x300px

La css qui fonctionne !!!


        body, html {
            margin: 0;
            padding: 0;
            font-family: Georgia, "DejaVu Serif", Norasi, serif;
        }
        
        h1, p {
            margin: 0;
            padding: 1em;
        }
        
        .row {
            display: table-row;
            width: 100%;
        }
        
        .row .entry-description {
            display: table-cell;
            width: 50%;
            color: #FFF;
            vertical-align: top;
        }
        
        .row .entry-thumbnail {
            display: table-cell;
            width: 50%;
            text-align: center;
            vertical-align: middle;
        }
        
        .row img {
            max-height: 300px;
            max-width: 100%;
            vertical-align: middle;
        }
        
        .odd {
            background-color: rgb(51, 102, 0);
        }

Le sujet que j'ai lancé sur alsacreations.com pour résoudre ce problème.