Hi,

I am having a problem with my CSS whereby the right hand column in a 2 column layout is extending beyond the footer.

I have tried playing with the clear: both; property but I cannot get it to work..

the second column has the id column2 both columns use the class column. The footer html has the id footerWrapper

Both columns and footer are div tags.

My CSS (abridged):

.column {
    width: 49%;
}

#column2 {
    width: 50%;
    position: absolute;
    top: 0px;
    margin-left: 50%;
    float: left;
}

#footerWrapper {
    background-color: #333333;
    border-top: 2px #FF6600 solid;
    color: #666;
}