我的问题
我们正在使用 Sitecore，一个内容编辑器正在填充富文本框字段。
这个富文本框字段使他们可以选择放入 html 以更好地控制内容样式。所以他们决定加入一些 CSS。
他们提供了下面的 html 和 CSS。下面的 CSS 添加图像与相关.button但.button145x28不起作用。
奇怪的是，当我们使用相同的方法使用背景图像添加图像时，.cutOffCorner它会起作用。
我们正试图看看是什么阻止了下面的实际工作。
富文本框控件是来自telerik 的一个asp.net 控件。我们正在使用 Sitecore 版本 6.4.1 更新 3。
我的代码
HTML/CSS
你们中的一些人可能会注意到并非所有的 html 都在那里，但如果我可以让按钮图像出现在下面的链接上，我很确定我可以让它在其余部分上工作。
<style>
.GenericSignupCallToAction .button a {padding: 6px 20px 10px 22px; border: none; background-image:url('~/media/Images/Content/Register-generic-page/button_off.ashx'); background-repeat: no-repeat; width:auto; text-decoration: none; color:#ffffff; font-weight:bold; font-size:13px;}
.GenericSignupCallToAction .button a:hover {padding: 6px 20px 10px 22px; border: none; background-image:url('~/media/Images/Content/Register-generic-page/button_on.ashx'); background-repeat: no-repeat; width:auto; text-decoration: none; color:#ffffff; font-weight:bold; font-size:13px;}
.GenericSignupCallToAction .button145x28 a {padding: 8px 30px 10px 26px; border: none; background-image:url("~/media/Images/Content/Register-generic-page/button_off_145x28.ashx"); background-repeat: no-repeat; width:auto; text-decoration: none; color:#ffffff; font-weight:bold; font-size:13px;}
.GenericSignupCallToAction .button145x28 a:hover {padding: 8px 30px 10px 26px; border: none; background-image:url("~/media/Images/Content/Register-generic-page/button_on_145x28.ashx"); background-repeat: no-repeat; width:auto; text-decoration: none; color:#ffffff; font-weight:bold; font-size:13px;}
.GenericSignUpCallToAction .cutOffCorner { background-image:url("~/media/Images/Landing-Pages/MyHiFX/corner_left_top.ashx"); position:absolute; top:-1px; left:-1px; background-repeat:no-repeat; height: 14px; width: 12px; }
</style>
<div class="GenericSignUpCallToAction">
<div class="box">
<div class="cutOffCorner">
</div>
<div class="headerText">
<h1>blah</h1><br /><br />
<p>blahblah</p>
</div>
<div class="button">
<a href="somelink" title="Sign Up Now">Proceed</a>
</div>
</div>
</div>