100% width i højre kolonne

Hej!

Jeg sidder forn et lille problem. Jeg har brug for at kunne have en div som er 100% men som "floater" til højre for en fast størrelset div.

Jeg tænkte at smide det i en "wrapper" og så floate div'erne, men det fungerer ikke. Så prøvede jeg at positionere dem, men så skyder den høre div bredden ud og giver en scrollbar :-(

Jeg kan ikke lige greje det og vil helst ikek være pisket til at bruge en tabel.

Se her:

***** CSS *****

/* Site generals
---------------------------*/

html, body{
    width:100%;
}

body{
    margin:0;
    padding:0;
    color:#fff;
}

/* Site build up
---------------------------*/

#wrapper{
    height:500px;
    width:100%;
}

#leftcol{
    float:left;
    clear:none;
    height:500px;
    width:300px;
    background-color:#000033;
}

#rightcol{
    float:left;
    clear:none;
    width: 100%;
    height:500px;
    border-left: 300px solid white;
    background-color: silver;
}





***** HTML *****

<div id="wrapper">
   
        <div id="leftcol">left</div>
        <div id="rightcol"> Dette skal så fylde resten</div>
       
</div>


**************

Nogen der ved besked?

:O) Kim