Witam. Robię laya i nie mogę sobie poradzić z przyleganiem prawej części strony do stopki;/
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