Problem med placering at div'er

.top-box {   
    position: relative;   
    top: 0px;   
    left: 0px;   
    width: 798px;   
    height: 98px;   
    }

.container {   
    position: absolute;   
    text-align: left;   
    left: 50%;   
    margin-top: 10px;
    margin-left: -400px;
    height: auto;   
    width: 800px;   
    border: 1px solid #009900;
    }

.left {   
    width: 140px;
    float: left;
    padding:10px;
    height: 100%;
    }
   
.center { 
    width: 490px;
    float: left;
    height: 100%; 
    }

#info {
    width: 170px;
    padding:10px;
    background-color:#EEE7AE;
    border:1px solid #009900;
    text-align: right;
    font-size: 10px;
    }

Hvordan får jeg #info boxen til at ligge op af højre kant/border af containeren.

Som det er nu ryger halvdelen af #info hen under "center" når der kun er et par linier indhold i denne.

Se evt www.p-basen.dk