CSS - jak uczynic rozciaganie w dwoch sytuacjach

witam jak poradzić sobie z tym w przypadku kiedy nie ma lewego diva tak by działo w obydwu przypadkach jak dam na 100% to w pierwszym przykładzie rozjedzie się i wskoczy na drugą linie a jak ustawie na sztywno to drugi przykład będzie miał pustkę. Zadaje pytanie bo tak za bardzo nie wiedziałem co napisać w google.

<style>
   .ALL {width: 1000px; border: solid 1px black; height: 150px;} 
   .L {width: 200px; border: solid 1px blue;height: 50px; float: left;display: block;overflow: hidden;}
   .R {width: 95%; border: solid 1px red;height: 50px; float: right;display: block;overflow: hidden;  background-color:#EEEEEE;}
</style>

<div class="ALL">
  <div class="L">LEWA</div>
  <div class="R">PRAWA</div>    
</div>

<br/><br/><br/><br/>

<div class="ALL">
  <div class="R">PRAWA</div>    
</div>

Wyjaśnij jeszcze jakie wymiary konkretnie chcesz osiągnąć, bo kiedy mając kontener 1000px chcesz żeby jeden z elementów miał 200px, a drugi 95% (czyli 950px) to już na tym pierwszym etapie Twoja wola się wykłada, więc drugim będziemy zajmować się później.

Choć podejrzewam, że interesuje Cię selektor + ---> http://www.w3.org/TR/CSS2/selector.html#adjacent-selectors

ma być tak że w pierwszym przypadku ma być

L = 20%
P = 80%;

w drugim

P = 100%

po prostu na stronie będą podstrony z Lewym menu i będą też podstrony bez tego menu i chce tą przestrzeń wykorzystać

To jak mówiłem, selector + - zajrzyj pod link, który podałem, żeby dowiedzieć się o co chodzi.

Demo: http://jsbin.com/oquyal/1/