我正在尝试使用以下方法动态创建此功能区效果h1：
我有这两张图片：
我的目标是将这些粘贴在h1标签的每一端，使用该display: inline;属性添加动态宽度。有什么“正确的方法”可以做到这一点并让它跨浏览器工作吗？
出于我的测试目的，色带末端高 40 像素，宽 18 像素。我还不确定我要对阴影做什么，但如果你们能帮我弄清楚如何让它工作，我可以让它看起来不错。（希望）
为澄清起见，这是我到目前为止的（非工作）css：
h1 {
display: inline;
height: 40px;
background-image: url(images/ribbon/left.png), url(images/ribbon/right.png);
background-position: left, right;
padding: 0 18x;
background-color: #ECECEC;
}
上面的 css 导致#ECECEC颜色在色带末端后面渗出。有任何想法吗？
更新：
如果有帮助，这里是我当前 css 带给我的屏幕截图。这有点耸人听闻，以使结果更容易看到。我添加了红色背景而不是#ECECEC.
