Table and Table-cell working differently in Chrome and Firefox

I’m working on this website.

If you open it on Chrome everything is displayed as intended.

At the footer of the website, you will see 8 logos which fit perfectly.
If you open it using Mozilla Firefox, the logo list extends beyond the website container.

Below are the 2 pictures –

Chrome :
enter image description here1

Firefox :
enter image description here

The logos are inside a ul as list items

and the CSS is like this

.clients ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    display: table;
}

.clients ul li {
    display: table-cell;
}

How should I fix this?


Source: css3

Leave a Reply