[CSS][HTML]Zmiana rozmiaru okna - zachowanie się div'ów Opcje

[weisuw]

Kolejność przesuwania się divów.

Witam. Problem może powszechny, ale nie znalazłem nic w internecie. Mam stronę z 3 divami. Pierwszy ma float ustawiony na left, drugi right, trzeci jest wyśrodkowany, pomiędzy nimi (margin:auto).
Problem pojawia się przy pomniejszaniu okna przeglądarki (bądź zmianie rozdzielczości). Nie chciałbym aby divy na siebie nachodziły, więc gdy wszystke nie mieszczą się już w widoku okna - jedno z nich jest przesuwane na spód. Słusznie.
Chciałbym jedynie zmienić kolejność zanikania divów:
oczekiwania: najpierw pozbywam się tego po prawej, potem lewego a na końcu środkowego.
rzeczywistość: teraz to środkowy znika jako pierwszy,potem prawy, na końcy lewy

zależy mi by środkowy był przesuwany jako ostatni/w ogóle!

Kod:

CSS:

[HTML] pobierz, plaintext 
#lewy {
	display:block;
	width: 100px;
	height:550px;
	float:left;
	margin-bottom:20px;
}
#środkowy {
	display:block;
	width:550px;
	height:550px;
	margin: auto;
	margin-top:20px;
}
#prawy {
	display:block;
	width: 100px;
	height:550px;
	float:right;
	margin-bottom:20px;
}
[HTML] pobierz, plaintext 

HTML:

[HTML] pobierz, plaintext 
<div id="lewy">
...
</div>
<div id="prawy">
...
</div>
<div id="środkowy">
 
</div>
[HTML] pobierz, plaintext 

Mam nadzieję, że da się to jakoś rozwiązać, dzieki za pomoc .