为什么设置DIV的背景图片显示模糊？

我是设置了一个900*225的图片作为header的背景，可是不知道为什么图片在浏览器下显示有些模糊，用图片软件打开就没问题，请问是怎么回事呢？

CSS code

<div style="height: 897px; width:900px; margin: 0 auto;" >
        <div id="header" style="background:url(Background_image/YuLu_header.jpg); height:225px;">
        </div>
</div>

<div id="header" style="background:url(Background_image/YuLu_header.jpg) no-repeat;; height:225px;">图片后面加个不平铺试试吧。no-repeat;