    <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>
