Prosty kod ale wkradł się błąd. Pomocy.

[namite]

Cześć, stworzyłem kod niejako szkieletu, szablonu allegro. Problem tkwi w stopce, która ciągle się chowa. Linki do zdjęć w kodzie są z hostingu, więc jakby ktoś mógł mi pomóc kod umieszczam poniżej.

<style>

body {
background:#C6CECE;
margin:0;
padding:0;
}

#content {
margin: 0 auto;
width:960px;
verflow:hidden;
}

#header {
background:url(http://s4.ifotos.pl/img/headerpng_xanqqxx.png) center ;
width: 960px;
height: 250px;
margin-top: 10px ;
margin-left: auto ;
margin-right: auto ;
}

#lewa {
float: left;
}

#lewa h1 {
background:url(http://s4.ifotos.pl/img/h1png_xaerwww.png) no-repeat;
margin-top:10px;
width:250px;
height:39px;
font-family:"Lucida Sans unicode";
color:#000;
font-size:19px;
text-align:center;
margin-left:0px;
margin-bottom:5px;
}

#lewa h2 {
background:url(http://s4.ifotos.pl/img/h2png_xaeraqs.png) no-repeat;
margin-top:10px;
width:290px;
height:39px;
font-family:"Lucida Sans unicode";
color:#000;
font-size:19px;
text-align:center;
margin-left:0px;
margin-bottom:5px;
}

#lewa h3 {
background:url(http://s6.ifotos.pl/img/h3png_xaerqpp.png) no-repeat;
margin-top:10px;
width:290px;
height:39px;
font-family:"Lucida Sans unicode";
color:#000;
font-size:19px;
text-align:center;
margin-left:0px;
margin-bottom:5px;
}

.tabelka {
background:url(http://img249.imageshack.us/img249/2673/bgmalytop.gif) no-repeat #9e9e9e;
width:240px;
margin:0 0 0 0px;
padding:5px 5px 5px 5px;
color:#FFF;
font-family:tahoma;
font-size:12px;
}

#srodek {
background:url() #9e9e9e no-repeat;
width: 650px;
float:right;
margin-top: 10px;
padding:10px 10px 10px 10px;
color:#FFF;
font-family:tahoma;
font-size:14px;

}

#bottom {
background:url(http://s4.ifotos.pl/img/BOTTOMpng_xaexpeh.png) center no-repeat ;
width: 960px;
height: 250px;
margin-top:0px;
margin-left: auto ;
margin-right: auto ;

</style>

<div id="header">
</div>

<div id="content">

<div id="lewa">
<h1></h1>
<div class="tabelka">

1. Zabrania się lorem <br/>
2. Wzbronione jest lorem <br/>
3. Wysyłka jest lorem <br/>
</div>

<h2></h2>
<div class="tabelka">

1. Zabrania się lorem <br/>
2. Wzbronione jest lorem <br/>
3. Wysyłka jest lorem <br/>
</div>

<h3></h3>
<div class="tabelka">

1. Zabrania się lorem <br/>
2. Wzbronione jest lorem <br/>
3. Wysyłka jest lorem <br/>
</div>
</div>


<div id="srodek">


Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br/><br/>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br/><br/>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


</div>
</div>

<div id="bottom">
</div>

Jeszcze takie pytanie odnośnie polskich znaków. Jak je uzyskać?