<div id="tooltip"></div>

<div class="yui3-g lists">

<div class="yui3-u-1-2"> <!-- see CSS Grids -->

<ul class="list">

<li class="wrench"><img src="{{{componentAssets}}}/img/wrench.png"></li>

<li class="calipers"><img src="{{{componentAssets}}}/img/calipers.png"/></li>

<li class="drill"><img src="{{{componentAssets}}}/img/drill.png"/></li>

<li class="ohm"><img src="{{{componentAssets}}}/img/ohm.png"/></li>

<li class="level"><img src="{{{componentAssets}}}/img/level.png"/></li>

</ul>

</div>

<div class="yui3-u">

<ul class="list">

<li class="endwrench"><img src="{{{componentAssets}}}/img/endwrench.png"/></li>

<li class="knife"><img src="{{{componentAssets}}}/img/knife.png"/></li>

<li class="scissors"><img src="{{{componentAssets}}}/img/scissors.png"/></li>

<li class="screwdriver"><img src="{{{componentAssets}}}/img/screwdriver.png"/></li>

<li class="tape"><img src="{{{componentAssets}}}/img/tape.png"/></li>

<li class="select">Tooltips cover <select><option>select</option></select> elements in IE.</li>

</ul>

</div>

</div>