Use grades css responsivas e semânticas!

Semantic.gs [ http://semantic.gs/ ] é um ótimo sistema de grade css com suporte para LESS , SCSS e Stylus

Eu prefiro 24 colunas (e SCSS), mas 12 funciona tão bem

$column-width: 30;
$gutter-width: 10;
$columns: 24;
$total-width: 100%;

header {

    @include column(24);

}

#menu {

    @include column(8);

}

#content {

    @include column(16);

}

@media only screen and (max-width:959px) {
    #content, #menu {

        @include column(24);

    }

}