Перекрытие текста тенью

http://hashcode.ru/questions/325511/javascript-%D0%BF%D0%B5%D1%80%D0%B5%D0%BA%D1%80%D1%8B%D1%82%D0%B8%D0%B5-%D1%82%D0%B5%D0%BA%D1%81%D1%82%D0%B0-%D1%82%D0%B5%D0%BD%D1%8C%D1%8E-%D0%BF%D1%80%D0%B8%D0%BC%D0%B5%D1%80-%D0%BF%D0%BE-%D1%81%D1%81%D1%8B%D0%BB%D0%BA%D0%B5

HTML

<div class="block">
    <div class="th">
    </div>
    <div class="desc">
        <em></em>
        <strong>Sunbelt Kerio Personal Firewall</strong>
    </div>
</div>

CSS

.block { border: 1px solid #C0C0C0; width: 300px; height: 50px; }
.block div.th { width: 55px; height: 50px; float: left; border-right: 1px solid #C0C0C0; }
.block div.th img { padding: 5px 10px; }
.block div.desc { width: 244px; height: 50px; float: left; position: relative; overflow: hidden; }
.block div.desc em { display: block; position: absolute; right: 0px; width: 30px; height: 50px;  z-index: 2; background: url("dat:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAyCAYAAABLXmvvAAAB/UlEQVR4Xp2YjU4DMQyDz5PG3+D9H9ccUlEQufijRIq6dV1TX+LMnWwfp91Pf17+svz19Mca39frx4/XH7/n1vj25d97LH9ae9+PZbdjNp3uNV6Za12tr8+y3WCBhiC0Xhff9RTY5QN6PoD5ID2wLhA5oGertR0xLuwmmPMFGKccuxZyPhld35eKyxN6eK8JfUIsLo7DAYHGolxOdNLBpoFeAtQtcKEYA/QgA/18kSptVHXZtDnQrrOj85jp09C2cfyOawyIoSM59G9oOgEx06qCIsX6vBJi1dgrlBAytTjHhqaAXOWDdMRO3Qv6s/d43Kyj3BAEhsMindQQxIBMxxYYqAOGNSBCrKA4gNMTd8tSA/GGytCQd0G/1navhuAh5wMQ0FyCIJN5W2XyZtyVag1UNfBXExpggQAI/kgYDgCyCTTXYOLrSr0Ph0OV6fJgjMjD4biqh5OT7DFosyEwNX++RykFosCFPJuglQrpBOpRO8EhJZTjyivIXTPqmkPEqJX3pQ4jhlxTEGYEi70+98eNtf2PAOisQoZU2tdcgjsQ3H/DWiqu1HdJccLTEdOJe7b+eWNkxB0FGzw5gcrkizbL2c6GrDLLBKPDD0hDClcYruQge1rumQ2suVw+FRVrcUAMOeU+rfY5yFvaWHRVhYai1DLdHOgEakMkcT8B1/gGcPXWlDUAAAAASUVORK5CYII=") repeat-y; }
.block div.desc strong { padding: 7px 0 1px 15px; font-family: sans-serif; display: block; font-weight: bold; color: #0091E2; font-size: 16px; white-space: nowrap; }
.block div.desc small { display: block; padding: 0 0 0 15px; color: #B7B7B7; font-family: sans-serif; font-size: 12px; }