3-spaltiges Layout im Firefox falsch dargestellt

[Raucherkrebs]

Im IE 6 werden  meine 3 Spalten schön neben dargestellt.
Im Firefox rutscht die dritte Spalte an den linken Bildschirmrand unter  den anderen:

#col1 {
    border: 1px solid #000;
    width: 20%;
    height: 100%;
    background-color: #d61008;
    text-align: center; /* IE6 Fix - Center of Box*/
    float: left;
    margin: 0;
    padding: 0;
    border: 1px solid #000;
}

#col2 {
    background-color: #fff;
    width: 50%;
    /* text-align: center;  IE6 Fix - Center of Box*/
    float: left;
    margin: 0;
    padding: 2%;
    border: 2px solid #000;
}

#col23 {
    width: 80%;
    float: left;
    margin: 0;
    padding: 0;
    border: none;
}

#col3 {
    background-color: #d61008;
    text-align: center; /* IE6 Fix - Center of Box*/
    width: auto;
    float: left;
    margin: 0;
    padding: 0;
    border: none;
}

In Spalte 3 gibt es eine Box mit:

.whitebox {
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    background-color: #fff;
    display: block;
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
    padding: 0.5em;
    text-align: left;
    width: 80%;
}

Wo liegt das Problem ?