Horisontal float af divs, liquid design

Hej
Jeg har 4 divs jeg gerne vil have på en række de skal fylde hele bredden i bowseren og fordeles således:
[div1 bredde: 100px][div2 bredde: 100px][div3 bredde: resten][div4 bredde: 100px]

Mit forsøg ser sådan her ud, men det virker ikke helt, da div4 bliver skubbet ned på næste linje istedet for at div3 trækker sig sammen når man ændre størrelsen på vinduet:

<div style="width:100%;background-color:White;">
    <div style="width:100px;background-color:Aqua;float:left;">1</div>
    <div style="width:100px;background-color:Blue;float:left;">2</div>
    <div style="background-color:Fuchsia;float:left;">En masse god tekst, en masse god tekst, en masse god tekst, en masse god tekst, en masse god tekst...</div>
    <div style="width:100px;background-color:Gray;float:left;">4</div>
</div>