title: I can't see image's title while a dropdown stays open
body: <p>I would like to ask a question about whether a behavior might be reported as a bug or not</p>
  
  <p>Let's say I have a dropdown and several images to its right. Each image had a title so if the mouse pointer is over any of them I can see the title...</p>
  
  <p>But if I click the dropdown and I move the mouse over the images, I cant see any title in several browsers:</p>
  
  <ul>
  <li>Ubuntu + Chrome <strong>Fail</strong></li>
  <li><p>Windows 7 + IE >= 9  <strong>Fail</strong></p></li>
  <li><p>Windows 7 + FF OK</p></li>
  <li>Windows 7 + Chrome Ok</li>
  <li>Ubuntu + FF Ok</li>
  </ul>
  
  <p>I attached a jsfiddle: <a href="https://jsfiddle.net/pf1mbvy3/1/" rel="nofollow">https://jsfiddle.net/pf1mbvy3/1/</a></p>
  
  <pre><code>&lt;select title="dropdown title" aria-invalid="false"&gt;&lt;option value="" class="ng-binding ng-hide" aria-hidden="true"&gt;Select...&lt;/option&gt;&lt;option value="1"&gt;option 1&lt;/option&gt;&lt;option value="2" selected="selected"&gt;option 2&lt;/option&gt;&lt;/select&gt;
  
  &lt;img src="http://venturesafrica.com/wp-content/uploads/2014/09/free-web-traffic.jpg" class="img-right" title="image title" /&gt;
  </code></pre>
  
  <p>Its a bug or not?</p>
  
  <p>Could you give me any link or some information about that?</p>
  
  <p>Thanks</p>