Pomóżcie...

Mam coś takiego style.css

[HTML] pobierz, plaintext 
#kontener{
	width: 100%;
}
#kolumna_lewa{
	width: 720px;
	float: left;
	display: block;
}
#kolumna_prawa{
	width: 180px;
	float: right;
	margin-right: 20px;
}
[HTML] pobierz, plaintext 

Jak widać, chcę, aby w prawej części strony była kolumna o szerokości 180px.

Problem w tym, że jak zmniejszam szerokość okna przeglądarki, prawa kolumna w pewnym momencie ucieka na dół.
Jak zrobić, żeby kolumna zostawała w jednej linii, obok kolumny lewej.
Jeśli ustawię float: absolute; right:20px;
przy zmniejszanu okna prawa kolumna zaczyna przykrywać lewą, a tak nie chcę. Nie mam już pomysłów. HELP!

Ustaw kontener na stałą szrokość, wtedy go nie ściśniesz zmniejszając okno przeglądarki, zatem nie poprzesuwasz elementów w nim zawartych.

[HTML] pobierz, plaintext 
#kontener{
	width: 900px;
}
[HTML] pobierz, plaintext 

Dzięki nevt działa