Здравствуйте, подскажите пожалуйста, как реализовать макет на картинке?
У меня получается все, кроме того, что контент залезает на футер.
[attachment=38792:maket.jpg]




[CSS]
body {
margin: 0;
padding: 0;
background-color: #ececec;
}

#wrapHeader {
width: 100%;
height: 322px;
background-color: #363636;
}

#wrapContent {
width: 100%;
height: auto;
}

#content {
width: 974px;
height: 1000px;
margin: auto;
margin-top: -322px;
background-color: red;
}

#wrapFooter {
width: 100%;
height: 282px;
margin-top: -100px;
background-color: #363636;
}
[/CSS]

Пожалуйста, помогите, какие идеи?