div vil ikke floate på plads

Hej,

Jeg vil gerne oprette 3 kolonner ved siden af hinanden. Til det formål har jeg oprettet 3 div tags, som alle er omsluttet af en fjerde div tag, kaldet "skal". Den kolonne første hedder Sidebar1 og placeres til venstre. Den anden hedder Main og er mit hovedvindue til tekst etc. Så begynder problemerne. Jeg kan ikke få min sidebar2, som skal placeres til højre, til at placere sig der. Nu har jeg prøvet i flere timer, og kunne godt bruge et klarsyn.

Jeg kopierer min html og Css ind nedenfor:

Css:
#Sidebar1{
    float:left;
    text-align:left;
    height: auto;
    background:#ffffff;
    width: auto;
   
    }

#Sidebar2{
    float:left;
    max-width:10px;
    height:  20px;
    background:#CC3333;
}


#Main{
    width:80%;
    background:#FFFFFF;
    text-align:justify;
    height: 100%;
    border-top: 1px none #000000;
    border-right: 1px ridge #000000;
    border-bottom: 1px ridge #000000;
    border-left: 1px ridge #000000;
   
Html:
<div id="Sidebar1">

</div>

<div id="Main">

</div>
<div id="Sidebar2">
</div>
Siden hedder:
www.regin.dk/cms

Mvh
Regin