IE - 页脚文本问题

Question

我在IE7中遇到以下问题

而在Chrome，FF和Opera中看起来很不错

任何人都可以弄清楚为什么我会遇到这个问题，最后几个字符会转到div

#footer
{
bottom:0;
clear:both;
background: url("images/footer.png") repeat-x #8DC63F;
position:relative;
float:left;
width:100%;
}


.footer-text
{
text-align:center;
font-family:'Tahoma';
font-size:10pt;
color: #000000;
top:20px;
margin:10px auto;
}



 <div id="footer">
 <p class="footer-text">Home | Services | About Us | Products | Contact Us</p>
 <p class="footer-text">2011 &copy; All Rights Reserved.</p>  
 </div>

Answer 1

从页脚中删除浮动样式并添加text-align:center;  到页脚