#outerContainer
{
    margin:    0 auto;
    max-width: 600px;
    min-width: 240px;
    padding:   7px 187px 7px 187px;
}

#container
{
    /* The color of the center column */
    /*
    background-color: #FFF;
     */
    float:left;
    width:100%;

    /* The width and color of the left rail */
    border-left:180px solid #E6E6B2;

    /* The width and color of the right rail */
    border-right:180px solid #E6E6B2;

    margin-left:-180px;
    margin-right:-180px;
    display:inline; /* So IE plays nice */
}
#left
{
    float:left;
    width:180px;
    margin-left:-180px;
    position:relative;
}
#middle
{
    float:left;
    width:100%;
    margin-right:-100%;
}
#right
{
    float:right;
    width:180px;
    margin-right:-180px;
    position:relative;
}

#header, #footer
{
    margin-left:-180px;
    margin-right:-180px;
}

/*
Sample usage:
<div id="header">HEADER</div>
<div id="container">
    <div id="middle">MIDDLE COLUMN CONTENT</div>
    <div id="left">LEFT<br /> RAIL</div>
    <div id="right">RIGHT RAIL</div>
</div>
<div id="footer">FOOTER</div>
 */