Why doesn't the title of a link show when using a <strong> tag inside it

Question

Code

Here is the HTML code:

<li>
  <a href="./hacks/hacks.html" title="Break the rules with techniques, not malicious invasion into computer and destroy the computer network.">
    <strong>HACKS</strong>
  </a> -
  <em>Break the rules with techniques, not malicious invasion into computer and destroy the computer network.</em>
</li>

Problem

The problem is when I put mouse focus on the link, the title (Break the rules with techniques, not malicious invasion into computer and destroy the computer network.) won't show up. when I delete the <strong></strong> between HACKS, it works. (IE 10)

Screenshots

• Screenshot - works in IE 10 without <strong></strong> [title-works-without-strong]
• Screenshot - doesn't works in IE 10 with <strong><strong>

After I change the browser to Chrome 27, the title worked.

Guys, any explanation?

Answer 1

How's about moving the strong outside the anchor:

<li>
  <strong><a href="./hacks/hacks.html" title="Break the rules with techniques, not malicious invasion into computer and destroy the computer network.">
    HACKS
  </a></strong> -
  <em>Break the rules with techniques, not malicious invasion into computer and destroy the computer network.</em>
</li>

Tested on IE7