Hi Steve,

I've started building a template for from scratch.

The right module is floated right, as we did the first time I tried it, so it would work in IE8, which it does, except it doesn't line up with the header on the right. It was getting pushed down by the Main component until I reduced the size of the component to 436 px. The component is the black. In Firefox the clear didn't push the footer down, but it did in IE. The code is pasted below.

Thanks,

#wrapper
{width: 900px;
margin: 10px auto;
background-color: #fff;
color: #333;
border: 1px solid-gray;
line-height: 130%;
}
#header
{
width:900px;
height:73px;
padding:.5em;
background-color:#ccc;
border: 0px solid gray;
}

#logo {background: url('../images/logo.jpg') no-repeat;
float: left; width: 296px; height: 73px;}

#left
{
float:left;
width: 200px;
margin: 0;
padding: 1em;
background-color: #ccc;
}

#main
{
float:left;
width:436px;
margin-left: 0px;
margin-right: 0px;
background-color:#000;
padding: 1em
}

#right
{
float:right;
width: 200px;
margin-left:0px;
margin-right:0px;
background-color: #ccc;
}


#footer {background-color: #667; height: 20px; width: 900px; border: 1px solid #000;}

div.clear {clear: both;}