firefox 支持 background-origin，可惜还需要 -moz- 的写法，直接写css3还是不行，至少 firefox(20070309 Firefox/2.0.0.3)如此。

background-origin，默认背景从 padding 开始计算。background-origin:border 从表框就开始计算；background-origin:content 从内容部分开始计算

</p> <style type="text/css"> <p>div {width:100px;height:100px;background-image:url(images/grid10.png);margin-top:5px;}</p> <p>div.example1 {</p> <p>border:solid 5px #000;</p> <p>background-position:;</p> <p>background-origin:;</p> <p>}</p> <p>div.example2 {</p> <p>border:solid 5px #000;</p> <p>background-origin:border;</p> <p>-moz-background-origin:border;</p> <p>background-clip:padding;</p> <p>}</p> <p>div.example3 {</p> <p>border:solid 5px #000;</p> <p>padding:3px;</p> <p>background-origin:content;</p> <p>-moz-background-origin:content;</p> <p>background-clip:padding;</p> <p>}</p> </style> <div class="example1"></div> <div class="example2"></div> <div class="example3">11</div> <p> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

更多参考资料：

CSS3: background-origin and background-clip