IE color <dt> spill

Question

I have made a page here

the DT title is underline red with text white... in firefox everything is fine... but the dt spill in IE... why ?

here is a VIEW of the problem !

Here is the perfect example of WHAT is the problem

Answer 1

<ul>
    <h1>Nos consommations</h1>

You can't just put any old element inside any other. <h1>, <h2> and the <dt>​s are quite invalid as children of <ul> and the browser will try to cope by fixing up your markup, and not all browsers deal with mistakes in the same way.

What may be happening with IE here is that it is ‘fixing’ the <li> following the red-backgrounded-<dt> by assuming you meant to have a <ul> inside the <dt> itself. Hence the red background expands to cover the rest of the list, and the font colour inherits.

To stop this kind of thing happening, use the HTML validator.