PayneLess Designs - Table Example - HTML 5

<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<title>Table Example - HTML 5</title>

<meta name="created" content="Fri, 15 Oct 2010 21:46:04 GMT">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="PayneLess Designs">
<meta name="copyright" content="Jan 2004 to present.">
<meta name="robots" content="all">
<meta name="revisit-after" content="60 days">

<style>
* { margin: 0; padding: 0; border: 0; }

table#main {
width: 800px;
height: 561px;
margin: 0 auto;
border-collapse: collapse;
border: 2.5em solid #f00;
/* background: #f0f url(jamie-recipesboxes-lrg.gif) no-repeat center scroll; */
font-family: arial, 'times new roman', sans-serif;
font-size: 1em;
color: #000;
}

table#main td#one {
width: 745px;
height: 73px;
border-bottom: 1.2em solid #f00;
background: #fff;
}

table#main td#two {
width: 739px;
height: 400px;
margin: 0 auto;
border: .5em solid #fff;
background: #fff;
padding: 0 0 15px 0;
}

table#main td#two table#table-two {
width: 724px;
height: 400px;
margin: 0 auto;
border-collapse: collapse;
border: 2.7em solid #fe00fe;
background: #fff;
}

td#two table#table-two td#left {
width: 168px;
height: 400px;
border-right: 1.6em solid #fe00fe;
}
</style>


<!--[if IE]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<style>
table#main {
border: 1.5em solid #f00;
font-size: 1em;
color: #000;
}

table#main td#one {
border-bottom: .8em solid #f00;
}

table#main td#two {
border: .2em solid #fff;
padding: 0 17px 17px 17px;
}


table#main td#two table#table-two {
border: 1.5em solid #fe00fe;
}

td#two table#table-two td#left {
border-right: .8em solid #fe00fe;
}
</style>
<![endif]-->
</head>
<body>
<table id="main">
<tbody>
<tr><td id="one">&nbsp;</td></tr>

<tr><td id="two">&nbsp;

    <table id="table-two">
    <tr><td id="left">&nbsp;</td><td>&nbsp;</td></tr>
    </table>

</td></tr>

</tbody>
</table>
</body></html>
<!-- HTML 5 Folder |  -->