w CSS nie bawiłem się już dobre 2 lata i dziury okazały się zbyt głębokie

oto mój kod CSS:
*{ margin:0 auto; } html, body{ margin:0; padding:0; height:100%; background-image: url('../pliki-graficzne/bg.png'); } div#cala-strona{ width: 960px; min-height:100%; position:relative; } div#gorna-czesc{ height: 200px; background-image: url('../pliki-graficzne/top.bmp'); } div#menu{ position: absolute; right: 15px; top: 160px; } div#logo{ float: left; height: 200px; width: 217px; background-image: url('../pliki-graficzne/logo.bmp'); } div#pyszne{ float: right; margin-right: 15px; margin-top: 25px; height: 150px; width: 200px; } div#pizza{ float: right; height: 200px; width: 254px; background-image: url('../pliki-graficzne/pizza.gif'); } div#srodkowa-czesc{ float: top; position: relative; min-height: 200px; height: auto; background-color: white; } div#lewy-srodek{ height: 1200px; width: 500px; background-image: url('../pliki-graficzne/left.jpg'); float: left; } div#prawy-srodek{ float: right; height: 100%; width: 445px; padding-top: 15px; padding-left: 15px; background-color: white; float: bottom; } div#prawy-srodek-img{ height: 790px; width: 387px; background-image: url('../pliki-graficzne/srodek-prawo.bmp'); } div#prawy-srodek .lokal-img{ float: right; margin-right: 15px; } div#dolna-czesc{ } div#stopka{ height: 30px; clear: both; background-color: white; }
chodzi o to, że jesli w lewej kolumnie mam dużo treści to prawa nie przylega do stopki tylko robi się przerwa. Proszę o pomoc pozdrawiam