Intereting Posts

Изображения элементов списка идеально подходят для Chrome / Edge, css fudged on FF / IE

Это веб-сайт, который я разрабатываю: www.finalverdict.be . Если вы откроете элемент, скажем так , и прокрутите вниз, вы увидите шесть связанных постов. Макет связанных записей хорошо выглядит в Chrome / Edge, но слишком широк для FF / IE.

Это CSS:

.related-posts ul{ margin: 0px; float: left; } .related-posts li{ display: inline-block; list-style-position: outside; float: left; width: 50%; padding: 1px; } .related-post-a{ position: relative; overflow: hidden; height: 200px; } .related-post-title{ position: absolute; float:left; bottom: 0px; width: auto; padding: 2px; overflow: hidden; text-align: left; color: #ffffff; background: none repeat scroll 0 0 rgba(46, 138, 250, 0.5); } 

Что пошло не так? Я не могу найти рабочее решение, стараюсь играть с важными и многое другое.

Solutions Collecting From Web of "Изображения элементов списка идеально подходят для Chrome / Edge, css fudged on FF / IE"