* {
    margin:0;
    padding:0;
} 
.container {
    width:100%;
    display:inline; /* So IE plays nice */
}
.container, .header {
    border-style:solid;
    border-width:0;
}
.content {
    width:100%;
    margin-right:-100%;
}
.header, .footer{
    clear:both;
}
.panelA {
    position:relative;
    width:100%;
}
.panelA ul {
    list-style-type:none;
}
.panelA ul li {
    display:inline;
}
.container, .content, .panelA, .panelA ul li {
    float:left;
}
.panelB {
    float:right;
    position:relative;
}

/* Panel A Setup. In this case you must set the height of Panel A. */
/* To do: Figure out how to make this fluid height and full width. */
.panelA {
    height:199px;
    margin-top:-199px;
}
.header {
}

/* Panel B Setup. Absolute value of each number matches width of the panel. */
.wrap {
    padding-right:15px;
    padding-left:15px;
}
.container {
    border-right-width:0;
}
.container, .panelA, .panelB, .header, .footer {
    margin-right:0;
}      
.panelB {
    width:0;
}