Width issue with ul li in Safari

[networker]

I have an ul sized at 100% and all internal li are sized to complete the 100%. For an unknown reason, when RESIZING the Safari browser (let’s say to about 1000px resolution) it seems Safari is adding some space between the li last-child and the end of the ul. I created a codepen to reproduce:

http://cdpn.io/nzrkb

Thanks for your help!

[networker]

Found it

ul {
display: table;
}

li {
display: table-cell;
}

will fix the issue.

[jurotek]

Are you aware that this is not going to work below IE8?

[Author]

Posts