Styling Issues with <legend> tag in IE and Firefox

I developed a form and I found this styling issue. When I open the form in Firefox it looks great.

When I open it in Internet Explorer <legend>Employee details</legend> is striking through the employee details. How can I style it to look the same as it does in Firefox (Not striking through开发者_如何学C the text)?

Have you tried:

legend {
    text-decoration:none;
}

in your CSS?