html - div标签的CSS背景颜色未填充所有轴

Question

我在 css 设计中有一个很好的问题，我无法弄清楚如何解决它。

在这个论坛中也是同样的问题：

我观察到标题背景在放大时并没有完全填满它的水平范围。下面是网站的缩小视图。

在设计页眉和页脚背景时，这与我的情况非常相似。

我的 HTML 代码是：

<div id="footerBack">
        <div id="footer">
            <a href="#"><img src="images/eyecolor.png" alt="Eyecolor Icon" /></a>
            <ul>
                <li><a href="#" id="terms">Terms &amp; Service</a></li>
                <li><a href="#" id="privacy">Privacy Policy</a></li>
                <li><a href="#" id="news">News</a></li>
                <li><a href="#" id="footerAbout">About</a></li>
                <li><a href="#" id="footerContact">Footer</a></li>
           </ul>
           <p id="copyright">Copyright &copy; 2012 Jed Designs</p>
           <a href="#"><p id="email">Email: jedlovescpe@gmail.com</p></a>
        </div>
    <div id

我的 CSS：

 /*Footer*/
#footerBack         {background: url(images/footerBack.jpg) repeat-x; height: 48px;  position: relative; top: -4px;};
#footer             {padding-top: 10px;}
#footer ul, #footer img
            {margin-top: 5px;}
#footer ul          {float: left; margin-left:160px; margin-top: 15px;}
#footer li a        {color: #d6b85e; padding: 7px; margin: 0 8px 0 8px; font: 11px Tahoma, Geneva, sans-serif;}
#footer li a:hover  {background:#d6b85e; color: #73401f;}
#footer img         {float: left;}
#footer #copyright, #footer #email      
            {float: right; color: #e5dca9; font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif; margin-right: 12px;}
#footer #email      {margin-top: 2px;}
#footer #copyright  {margin-right: 20px; margin-top: 12px;}

我将如何解决这个设计问题？:D

Answer 1

我无法在 IE9 的 stackoverflow 上重现该问题。在您提供的代码片段中，我也看不出有任何原因会发生这种情况（尽管可能还有其他原因）。

这很可能是您的计算机的问题。您是否有另一台手边的计算机可以尝试一下，只是为了消除可能的问题？