[CSS][HTML] Problem z div'ami Opcje

[o2w5n778]

Witam!
Mam problem z div'ami a dokładnie ich wielkością. Mam trzy kolumny:

[HTML] pobierz, plaintext 
<div id="sr">
 
  <div id="left">
    left
  </div>
 
  <div id="show">
    srodek
  </div>
 
  <div id="right">
    right
  </div>
 
</div>
[HTML] pobierz, plaintext 

I one mają być koło siebie:

[HTML] pobierz, plaintext 
#sr{
  width: 900px;
}
 
#left{
  width: 180px;
  float: left;
}
 
#show{
  width: 100%;
  float: left;
}
 
#right{
  width: 180px;
  float: left;
}
[HTML] pobierz, plaintext 

Chciałem napisać to tak że w przypadku gdy div="left" lub div="right" jest pusty to div="show" ma się zwiększyć do jego miejsca. Aby tak się działo wartość width w div="show" musiałem dać 100% aby właśnie się tak powiększało. Niestety div="show" robi się na tyle szeroki że spycha div="right" pod siebie zamiast zostawić go obok. Jak temu zaradzić?
Z góry dziękuję za udzieloną pomoc!

[Sebastian003]

A tak ?

[HTML] pobierz, plaintext 
body { margin: 0 auto;}
#sr{width: 900px;  margin: 0 auto;}
#left{ width: 180px;float: left;}
#show{width: 540px;float: left;}
#right{width: 180px;float: left;}
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<div id="sr">
 
  <div id="left">
    left
  </div>
 
  <div id="show">
    srodek
  </div>
 
  <div id="right">
    right
  </div>
 
</div>
[HTML] pobierz, plaintext