[css] Problem z ustwaieniem div'ów Opcje

[piotrooo89]

Cześć!

Zaczynam sie uczyć stylów CSS z różnym skutkiem... Ucze sie za pomocą prób i błędów. Podczaś "nauki" natrafiłem na problem:

Chce aby na stronie było następujące ułożenie

b a n e r
menu main
s t o p k a

To co aktualnie zrobiłem to

[HTML] pobierz, plaintext 
<div id="banner">
    <p class="autorzy">PIORT</p> DLA <p class="autorzy">ANDRZEJA</p>
</div>
 
<div id="menu">
    Tu ma być menu
</div>
 
<div id="main">
    Tu ma być wystko wyświetlane
</div> 
<div id="stopka">
    (c) piotrooo89 2008
</div>
[HTML] pobierz, plaintext 

a to jest pliczek CSS:

Kod

body
{
    background-color: #FFFACD;
}

p.autorzy
{
    color: blue;
}

#banner
{
    background-color: #F0E68C;
    
    border-width: 1px;
    border-style: solid;
    
    text-align: center;
    letter-spacing: 3px;
    
    font-weight: bold;
    
    padding-top: 10px;
    padding-bottom: 5px;
    
    margin-top: 20px;
    margin-right: 20px;
    margin-left: 20px;
}

#menu
{
    background-color: #F0E68C;
    
    border-width: 1px;
    border-style: solid;
    
    float: left;
    
    width: 200px;
    
    margin-right: 20px;
    margin-left: 20px;
}

#main
{
    background-color: white;
    
    border-width: 1px;
    border-style: solid;
    
    clear: right;
    
    margin-right: 20px;
    margin-left: 20px;
}

#stopka
{
    background-color: #FFCC99;
    
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    
    clear: both;
    
    text-align: center;
    font-size: 12px;
    
    margin-right: 20px;
    margin-left: 20px;
}

i teraz moje pytanie jak ustawić maina stopkę i menu żeby podczas rozciągania sie maina rozciągało sie również menu a pod tym wszytkim była stopka.