100% minus einem textNode

Question

ich diese einfache Markup habe:

<div id="parent"> 
    <div id="static"> 
     Hello Random 
    </div> 
    <div id="max"> 
     100% of the rest 
    </div> 
​</div>​ 

Ich mag, dass der div mit der ID max Breite von 100% als seine Eltern sein sollte, minus die Breite des Elements mit der ID static. static enthält nur einen einzelnen Textknoten mit einigen zufälligen Wörtern, die ich nicht kenne.

Ich habe versucht, diese CSS wissen aber nicht genau, wie es zu lösen:

#parent{ 
    width:100%; 
    border:1px solid #FF0000; 
    float:left; 
} 

#static{ 
    float:left; 
    border:1px solid #00FF00; 
} 
#max{ 
    float:left; 
    width:90%; // It's not the same as minus so this will just fail... 
} 
​ 

Das ist mein jsFiddle, die ich versucht habe, mit: http://jsfiddle.net/WnceY/

Ich will keine reine CSS verwenden, JS. In diesem Moment interessiere ich mich auch nicht für IE.

Answer 1

ich es mit diesem CSS gelöst:

http://jsfiddle.net/WnceY/9/

Answer 2

Nur nicht alles schweben.

http://jsfiddle.net/WnceY/4/

Nur die #static Bedürfnisse zu schweben. Dann wird der Rest für sich selbst sorgen.