Footer won’t go down

HI, I am a rookie in designing template with css. Some days ago i tried to design my blogger adopting one of the style sheets on Alex King’s site (dotted style). And i tried to fix it to fit my style. In the original style, there is no footer. No matter how i tried, the footer simply won’t appear untill i found the footer was actually overlapped with my header and was covered.
This problem is confusing me for days. Could somebody help to drop the footer to the bottom?
Here is some lines of index.php:
‘
</div>
<p class=”credit”><!–<?php echo $wpdb->num_queries; ?> queries. <?php timer_stop(1); ?> seconds. –> <cite><?php echo sprintf(__(“Powered by WordPress“), __(“Powered by WordPress, state-of-the-art semantic personal publishing platform”)); ?></cite>
</div>
</body>
</html>
‘
Here is the layout style sheet:
‘
body {
background: #fff;
margin: 0;
padding: 0;
text-align: center;
}
h1, h2, h3, h4, p, li, a, span, th, td {
font-family: verdana, tahoma, arial, helvetica, geneva, sans-serif;
}
p, li, td, caption {
font-size: 11px;
font-weight: normal;
}
a { color: #6E2224; text-decoration: none;}
a:link { color: #6E2224; }
a:hover { color: #E7768C; }
a:active { color: #E7768C; }
a img { border: none; }
h3:link { color: #6E2224; }
h3:hover { color: #E7768C; }
h3:active { color: #E7768C; }
#rap {
margin: auto;
position: relative;
text-align: left;
width: 770px;
}
#header {
background: #5A634E;
background: url(images/header_background.jpg) no-repeat;
border: 1px solid #4B5340;
border-width: 1px 1px 1px 1px;
color: #fff;
font-size: 25px;
height: 150px;
left: 0;
margin: 0;
padding: 0;
position: absolute;
text-align: left;
top: 5px;
width: 768px;
}
#header a {
padding: 10px;
color: #fff;
text-decoration: none;
}
}
#header a:hover {
color: #000;
text-decoration: none;
}
#content {
left: 150px;
background: #fff;
position: absolute;
padding: 10px 0 10px 10px;
top: 160px;
width: 455px;
}
#content h2 {
border: 1px dotted #000;
background: #CCCC99;
color: #6E2224;
font-size: 12px;
font-style: italic;
margin: 10px 0 0 0;
padding: 0 0 0 0;
text-align: center;
}
#content div.post {
padding: 0 0 10px 0;
}
#content div.post h3 {
color: #4B5340;
font-size: 15px;
margin: 7px 0 3px 5px;
padding: 0;
}
#content div.post div.meta, #content div.post div.meta ul li a, #content div.post div.meta ul li a:link, #content div.post div.meta ul li a:visited {
font-size: 10px;
margin: 0 0 0 5px;
}
#content div.post h3 a, #content div.post h3 a:visited, #content div.post h3 a:link {
font-weight: bold;
text-decoration: none;
}
#content div.post div.meta ul {
display: inline;
margin: 0;
padding: 0 0 0 0;
}
#content div.post div.meta ul li {
display: inline;
margin: 0 0 0 0;
padding: 0 3px 0 0;
}
#content div.post div.storycontent {
border-left: 1px dotted #878D7C;
border-bottom: 1px dotted #878D7C;
border-right: 1px dotted #878D7C;
margin: 0 0 0 0;
padding: 0 7px 7px;
}
#content div.post div.feedback a {
font-size: 10px;
}
#content div.post div.storycontent ol, #content div.post div.storycontent ul, #content div.post div.storycontent li, #content div.post div.storycontent blockquote {
margin-left: 10px;
padding-left: 0;
}
#comment {
width: 440px;
}
#menu {
left: 0;
padding: 0 0 0 0;
position: absolute;
text-align: center;
top: 160px;
width: 150px;
}
#menu ul {
list-style: none;
border-bottom: 1px dotted #878D7C;
margin: 0;
padding: 0 0 0 0;
}
#menu ul li {
color: #5A634E;
font-weight: bold;
margin: 0 0 0 0;
padding: 0;
}
#calendar, #search, #archives {
left: 630px;
margin: 0;
padding: 0;
position: absolute;
width: 135px;
}
#calendar{
top: 0px;
}
#search{
top: 150px;
}
#archives{
top: 250px;
}
#wp-calendar {
background: #CCBE92;
empty-cells: show;
font-size: 14px;
width: 140px;
margin-bottom: 8px;
border: 1px solid #AFA37C;
}
#wp-calendar #next a, #wp-calendar #next {
padding: 0 5px 0 0;
text-align: right;
color: #333;
background: #CCBE92;
font-weight:normal;
}
#wp-calendar #prev a, #wp-calendar #prev{
padding: 0 0 0 5px;
text-align: left;
color: #333;
background: #CCBE92;
font-weight:normal;
}
#wp-calendar a {
display: block;
font-weight: bold;
background: url(images/day2.gif);
}
#wp-calendar a:hover {
background: url(images/day.gif);
color: #E7768C;
}
#wp-calendar caption {
text-align: left;
padding-bottom: 2px;
padding-left: 2px;
}
#wp-calendar td {
color: #666;
font-size: 10px;
font-weight: normal;
padding: 1px 1px;
text-align: center;
background: url(images/day.gif);
}
#wp-calendar td.pad {
background: #CCBE92;
}
#wp-calendar #today {
background: #6E2224;
color: #FFF;
}
#wp-calendar th {
color: #6E2224;
font-style: normal;
text-transform: lowercase;
text-align:center;
}
#menu ul li ul {
margin: 2px;
padding: 0;
}
#menu ul li ul li {
font-weight: normal;
margin: 0 0 0 0;
padding-left: 5px;
}
.credit {
background: #A67879;
border-top: 1px solid #6E4646;
border-bottom-width: 0;
border-left: 1px solid #6E4646;
width: 720px;
margin: 0 auto;
font-size: .7em;
color:#F9F5E7;
padding: 3px 0;
text-align: center;
width: 718px;
}
‘
Any good ideas please let me know. Thank you.