Текст с тенью совместимый с iexplorer

Создание тени у текста, совместимой с iexplorer.

Происходит дублирование текста - текст берется из title="" и непосредственно из текста помещенного между <span></span>. За счет наложения одного текста на другой, и смещения на 1px осуществляется эффект тени.

HTML

     <h1 title="Текст с тенью." class="shadowtitle">
     <span>Текст с тенью.</span>
     </h1>

CSS

h1.shadowtitle {
    position:relative;
    height:1em;
}
h1.shadowtitle span {
    position:absolute;
    left:-1px;
    top:-1px;
    color:#87B7FE;
}
h1.shadowtitle:before {
     content:attr(title);
     position:absolute;
     left:0;
     top:0;
     color:#000;
}