[CSS]Problem z warstwami Opcje

[kowal199306]

Mam takie style dla strony:

CODE

html, body {
background-color: #fff;
color: #000;
margin: 0;
padding: 0;
text-align: center;
}

DIV
{
text-align: center;
margin: 0 auto 0 auto;
border: 2px solid #000000;
}
#top {
width: 780px;
}

#NAGLOWEK {
background-color: #888;
}

#MENU {
width: 150px;
float: left;
overflow: hidden;
background-color: #ccc;
}

#TRESC {
width: 630px;
float: left;
overflow: hidden;
background-color: #fff;
}

#STOPKA {
clear: both;
width: 100%;
background-color: #888;
}

Co robię źle ponieważ treść i menu powinny wyświetlić się obok siebie a wyświetlają się pod sobą. Bardzo proszę o pomoc.