<ul>
<h1>Nos consommations</h1>
Вы не можете просто поместить любой старый элемент внутрь любого другого. <h1>, <h2> и <dt> s совершенно недопустимы, поскольку они являются потомками <ul>, и браузер попытается справиться с этим, исправив разметку, и не все браузеры одинаково обрабатывают ошибки.
То, что может происходить с IE в данном случае, заключается в том, что он «исправляет» <li> после красного фона - <dt>, предполагая, что вы хотите иметь <ul> внутри самого <dt>. Следовательно, красный фон расширяется, чтобы покрыть остальную часть списка, и цвет шрифта наследуется.
Чтобы прекратить подобные вещи, используйте HTML-валидатор .