<html>
<head>
<style type="text/css">
div
{
top: 10px;
left: 30px;
background-color: red;
width: 100px;
height: 30px;
}
</style>
</head>
<body>
<table width='500' border='1'>
<tr>
<td height='300' width='250'></td>
<td height='300' width='250'><div>content</div></td>
</tr>
</table>
</body>
</html>
How do I position the div 10/30px to the top/left of the right cell?
I also want the cell grows with div, if size of div exceed that of the cell.
Thanks,
Cheng
CSS
However this is bad use of markup for presentation. Dont use tables for placement.