Show Table Chart Data on Icon Hover

by J. Albert Bowden

HTML

<ul><li><a class="chart" href="nogo">chart</a>
    <div>
        <h1>Chart</h1>
<table>
    <thead><tr><th>head</th><th>head</th><th>head</th></tr></thead>
    <tbody><tr><td>data</td><td>data</td><td>data</td></tr></tbody>
        </table></div></li></ul>

CSS

li{position:relaive}
li a{text-indent:-9999px; display:block;background:url("http://im.mstar.com/im/report_nav_sprite.gif") 0 -86px no-repeat; width:10px; height:12px}
li div{display:none}
li table{border:1px solid #000}
li tbody, thead{border:3px double #999}
li table th{font-size:30px; font-weight:700}
li table td{font-size:20px; font-weight:300}
li div h1{font-size:30px; margin:20px 0}
li:hover div{display:block; position:absolute; top:30px; left:20px; width:300px; height:300px