Table not responsive in Firefox, Works in Chrome

Question

First of all let see this Fiddle by resizing in firefox and chrome,

I also tried this Why do Firefox and Opera ignore max-width inside of display: table-cell? but no sucess.

table img { display:block }

Answer 1

Check this demo jsfiddle

You use max-width, but actually It's meaning original image size. that's why not working on firefox. you should modify max-width to width and assign 100% to work on all browser.

CSS

 img {
    width: 100%;  // before: max-width: 100%;
    display: block;
}

Hope this help you!