Text ucieka na drugiego diva

[n0xx]

Kod:

.tytul {
  font-size:16px;
  color:white;
  text-align:center;
}
.zwykly {
  font-size:12px;
  color:white;
  text-align:center;
}
#calosc{
position:relative;
margin:0 auto;
width:800px;
border: 1px solid orange;
}

#logo{
border:none;
margin: 0 auto;
height:247px;
width:800px;
background: url(images/strona_01.jpg)}

#menu{
border:none;
margin: 0 auto;
height:50px;
width:800px;
background: url(images/strona_02.jpg)}

#srodek{
position:relative;
display:block;
width:800px;
background: url(images/strona_03.jpg);
float:left;
overflow:hidden;
}
    
#text{
height:auto;
font-family:verdana,"Arial";
color:white;
font-size:10pt;
text-align:center;
display:block;
position:relative;
}
#stopka{
border:none;
margin: 0 auto;
height:20px;
width:800px;
position:relative;
background: url(images/strona_04.jpg);
float:left;
clear:left;
display:block;
}

Nie dziwne, że ci najeżdzała stopka jak dałeś stałą wysokość środka ...

backgroundy w css'ie się zamyka ";"
Pozmieniałem i śmiga