JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<body>

<div id="wrapper">

    <header id="header">     
    </header> 


    <section id="middle">

        <div id="container">
            <div id="content">
                Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>
Content<br>

            </div>
        </div><!-- #container-->

        <aside id="sideLeft">
            Content Left
        </aside>

        <aside id="sideRight">
            Content Right
        </aside>

    </section>

</div><!-- #wrapper -->

<footer id="footer">
   
</footer>

</body>

CSS

html, body {
height: 100%;
}
body{
    font:12px/18px Arial, Tahoma, Verdana, sans-serif;
    width:100%;
}
#wrapper{    
    width:1000px;
    margin:0 auto;
 height:100%;
}
#header{
    height:50px;
background: #123;
position: relative;
z-index: 10;
    margin-bottom: -50px;
}

#middle{    
    width:100%;
    min-height:100%;



background: url(http://img713.imageshack.us/img713/3065/10471426.png) repeat-y;
}
#middle:after{    
    content:'.';
    display:block;
    clear:both;
    visibility:hidden;
    height:0;
}
#container{
    width:100%;
    float:left;
    overflow:hidden;
margin-top: 50px;
}
#content{
    padding:0 270px 0 220px;
}
#sideLeft{
    float:left;
    width:199px;
    margin-left:-100%;
    position:relative;
    border-right:1px solid #b4b0b0;
margin-top: 50px;
}
#sideRight{
    float:left;
    margin:0 -3px 0 -264px;
    width:264px;
    position:relative;
    border-left:1px solid #b4b0b0;
margin-top: 50px;
}
#footer{
    padding-top:15px;
    width:1000px;
    margin:-45px auto 0;
    height:30px;
    position:relative;
    overflow:hidden;
background: #675;
    clear: both;
}