Witam mam takie kawałem css

[HTML] pobierz, plaintext 
<style type="text/css">
div #user_content {
	width:100%;
      border:1px solid #CCC;
	background-color:#FFF;
	background:url(themes/default/images/user_bg.gif) repeat-x #EBEBEB;
}
 
div #user_content div#user_lewa_kolumna {
	float:left;
	width:200px;
	margin:20px 10px 10px 10px;
}
 
div #user_content div#user_prawa_kolumna {
	float:right;
	width:100%;
	margin:20px 5px 10px 0;
	padding:10px;
	background-color:#FFF;
	border:1px solid #E1E1E1;
}
</style>
[HTML] pobierz, plaintext 

chce aby prawa kolumna byłą na 100% szerokości a lewa pozostała na 200px tyle że zamiast obok siebie rozrzedza się co robię nie tak

Jakbym do szklanki wlał 100% jej zawartości i chciał jeszcze dolać 200ml też by się rozlało
Musisz to zrobić albo tak, że w kontenerze dajesz tło takie jak ma być w tym divie 100%, a dodatkowo umieszczasz w tym kontenerze po lewej 200px div. Albo dzielisz te 100% na dokładnie px i odejmujesz od całości 200px i tyle ustawiasz dla prawego. Możesz jeszcze pokombinować z position: absolute.

to dodaje np. margin-left:250px; w powinno wykonać się miejsce a tu kich ;/

zmieniłem kod na

[HTML] pobierz, plaintext 
div#user_content div#user_prawa_kolumna {
	float:right;
	width:100%;
	margin:20px 5px 10px 250px;
	padding:10px;
	background-color:#FFF;
	border:1px solid #E1E1E1;
}
[HTML] pobierz, plaintext 

czyli z lewej strony powinno mi zostać 250px na blok 200px ale nie zostaje