ui:tabs breaks when tab links contain colons

[mallenb]

It appears that if my tab links contain colons, ui:tabs doesn't work. You get the exception 'jQuery UI Tabs: Mismatching fragment identifier.'

<div id="container-1">
<ul>
<li><a href="#00:11:22:33:44:55"><span>00:11:22:33:44:55</span></a></
li>
<li><a href="#aa:bb:cc:dd:ee:ff"><span>aa:bb:cc:dd:ee:ff</span></a></
li>
</ul>
<div id="00:11:22:33:44:55"">
   hello
</div>
<div id="aa:bb:cc:dd:ee:ff"">
   world
</div>
</div>

[mallenb]

This is in Tabs 3.