Problems with Footer - IE6 adding space below image ??

 
<div id="footer">
     <p>&copy; 2008 Blah Blah | design by me</p>
   </div>

 
body {
 text-align : center;
 background-color: #797777;
 }
 
#wrapper {
 width : 900px;
 text-align : left ;
 margin-left : auto ;
 margin-right : auto ;
 
 border: 1px solid #fff;
 }
 
#header {
 padding-top: 10px;
 
 background: url(images/header.png);
 
 height: 158px;
 }
 
#header img {
 
 display: block;
 
 } 
 
#content {
 float: left;
 width: 598px;
 
 background: url(images/main.png);
 
 height: 796px;
 }
 
#sidebar {
 float: right;
 width: 302px;
 
 background: url(images/sidebar.png);
 
 height: 796px;
 }
 
 
/* ----- Navigation -----  */
 
#nav {
 float: right;
 padding: 0 0 2px 15px;
 margin: 0;
 }
 
#nav ul {
 margin: 0;
 padding: 0 0 0 30px;
 list-style: none;
 }
 
#nav li {
 float: left;
 margin: 0;
 padding: 0 20px 0 0;
 }
 
#nav li a {
 float: left;
 text-align: center;
 margin: 100px 0 0 0;
 padding: 4px 12px;
 font-weight: bold;
 text-decoration: none;
 color: #f1f7ee;
 }
 
#nav li a:hover {
 color: #444;
 
 background: #f1f7ee;
 }
 
#nav li a.active {
 color: #444;
 background: #f1f7ee;
 }
 
 
/* ----- Typography ----- */
 
body {
 font: small Verdana, Arial, Geneva, Sans-serif;
 line-height: 1.6em;
 color: #444;
 }
 
h1 {
 padding-top: 10px;
 font-size: 1.2em;
 color:#422100
 }
 
h2 {
 font-size: 1em;
 font-style: normal;
 color: #422100;
 }
 
 
 
h3 {
 font-size: 0.7em;
 font-style: normal;
 color: #fff;
 }
 

/* ----- Links ----- */
 
a {
 color: #f96;
 }
 
a:visited {
 color: #422100;
 }
 
a:hover {
 color: #422100;
 }
 
#footer a {
 color: #333;
 text-decoration: none;
 }
 
#footer a:visited {
 color: #333;
 text-decoration: none;
 }
 
#footer a:hover {
 color: #422100;
 text-decoration: underline;
 }
 

/* ------ Footer ----- */
 
#footer {
 background: url(images/footer.png);
 
 height: 46px;
 text-align: center;
 clear: both;
 color: #fff;
 }

<div id="footer">
<div is="footer_text">&copy; 2008 Blah Blah | design by me</div>
</div>

#footer {
 background: url(images/footer.png);
 height: 46px;
 clear: both;
 color: #fff;
 }

#footer_text {
 font: small Verdana, Arial, Geneva, Sans-serif;
 line-height: 1.6em;
 color: #444;
 text-align: center;
 padding-top: 20px; <----or something near to put it vertically center
 }

*{
margin: 0;
padding: 0;
}