title: Chromium SVG hover <title> tooltip weirdness
body: <p>In many browsers, hover mousepointer over an SVG object with a nested <code>&lt;title&gt;</code> and the title text appears as a tooltip.  I'm discovering something strange happens in Chrome if adjacent objects have the same title: the tooltip is not redisplayed when you mouseover from one object to the other.  </p>
  
  <p>This can be replicated with the following code/fiddle.  In IE, you get a fresh tooltip for each object.</p>
  
  <p>How can I work around this issue?  I need to use Chromium and I need the same tooltip to reappear over adjacent objects.  I don't really want to get into (more) scripting unless it can be done in a super lightweight, reliable and flawless with SVG.  </p>
  
  <p>Perhaps I can embed something invisible into the title text to make Chromium think each object's title is different?</p>
  
  <pre><code>&lt;svg xmlns="http://www.w3.org/2000/svg" version="1.1"&gt;
  &lt;rect x="0" y="0" width="100" height="100" fill="yellow" stroke="black"&gt;
      &lt;title&gt;square&lt;/title&gt;
  &lt;/rect&gt;
  &lt;rect x="100" y="0" width="100" height="100" fill="yellow" stroke="black"&gt;
      &lt;title&gt;square&lt;/title&gt;
  &lt;/rect&gt;
  &lt;rect x="0" y="100" width="100" height="100" fill="yellow" stroke="black"&gt;
      &lt;title&gt;square&lt;/title&gt;
  &lt;/rect&gt;
  &lt;rect x="100" y="100" width="100" height="100" fill="yellow" stroke="black"&gt;
      &lt;title&gt;SQUARE&lt;/title&gt;
  &lt;/rect&gt;
  &lt;/svg&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/CvZfR/" rel="nofollow">http://jsfiddle.net/CvZfR/</a></p>