<html>
<head>
<style>
#divTable
{
position: absolute;
top:160px; left:30px; height:200px; width:500px;
border-style:solid; border-width:2px; border-color:#cccccc;
overflow:auto;
}
#divTable table
{
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
margin: 0px;
text-align: left;
border-collapse: collapse;
}
#divTable th
{
padding:10px;
width:100px;
font-size:13px; font-weight:normal;
color: #039;
background: #b9c9fe;
}
#divTable th:hover
{
background: gray;
}
#divTable td
{
padding: 4px;
font-size:12px; font-weight:bold;
color: #669;
background: #e8edff;
border-top:1px solid #fff; border-bottom:1px solid #fff;
}
#divTable td:nth-child(odd)
{
background-color: #D6EEEE;
}
#divTable td:hover {
background-color: lightgray;
}
#divTable a
{
color: #039;
text-decoration: none;
font-size:13px; font-weight:bold
}
#divTable a:hover
{
color: white;
}
</style>
</head>
<body>
<div id=divTable>
<table>
<tr><th><a href=http://samsultan.com>Header1</a> <th><a href=#>Header2</a> <th><a href=#>Header3</a> <th><a href=#>Header4</a></tr>
<tr><td>Row1-col1<td>Row1-col2<td>Row1-col3<td>Row1-col4</tr>
<tr><td>Row2-col1<td>Row2-col2<td>Row2-col3<td>Row2-col4</tr>
<tr><td>Row3-col1<td>Row3-col2<td>Row3-col3<td>Row3-col4</tr>
<tr><td>Row4-col1<td>Row4-col2<td>Row4-col3<td>Row4-col4</tr>
<tr><td>Row5-col1<td>Row5-col2<td>Row5-col3<td>Row5-col4</tr>
<tr><td>Row6-col1<td>Row6-col2<td>Row6-col3<td>Row6-col4</tr>
<tr><td>Row7-col1<td>Row7-col2<td>Row7-col3<td>Row7-col4</tr>
<tr><td>Row8-col1<td>Row8-col2<td>Row8-col3<td>Row8-col4</tr>
<tr><td>Row9-col1<td>Row9-col2<td>Row9-col3<td>Row9-col4</tr>
</table>
</div>
</body>
</html>