Image Max-width Not Working In Firefox

Here, I am using latest bootstrap v3.2.0 When I have call display: table-cell; CSS in div block. So, Will not work max-width: 100%; CSS for inside image of it div block in Firefox.

Solution 1:

Your table needs to be fixed for it to work in firefox:

Updated Fiddle:

http://jsfiddle.net/Q7742/6/embedded/result/

@media (min-width: 1200px) {
    .table-container {
        display: table;
        table-layout: fixed;
        width: 100%;
    }

    .table-container.col-table-cell {
        display: table-cell;
        vertical-align: middle;
        float: none;
    }
}

Solution 2:

Remove float: none; that is like below one.

.table-container.col-table-cell {
    display: table-cell;
    vertical-align: middle;
}