Text rendering issue with <p> and <h2> in IE8 & IE9

I'm building a website but there seems to be a problem with the rendering of text in <p> and text in <h2>.

I have three columns in the footer but the center column renders its <p> text through the <h2> text. The problem only appears in IE8 and IE9. All IE versions before IE8 + Firefox render just fine.

I already tried position: relative, margin and padding set to 0px but nothing works. I am using a doctype.

开发者_如何学运维

Below an image to show what happens:

Link to the full code on fiddle : http://jsfiddle.net/GWRfH/

---

In this case the problem can be fixed by taking a closer look at the wrong way of coding links <a>. In the script was forgotten (numerous times) to end the <a> tag with </a>. This script uses <a> to end the coding of a link.

---

I hope IE9/any can be rendered as IE8 using

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8"/>

in the head of html