外边距图片首字母下沉

<p class="p1"><span class="picdrop">m<span></span></span>
       arginal Graphic Dropcap(外边距首字母下沉)。字母M被一个下沉图片覆盖了。
        读屏器阅读文本，可视用户则看到图片。
        如果流浪器不能显示下沉图片，文本就会显示出来。
</p>

     .p1{ position: relative;
         margin-left: 120px;
         width: 300px;}

.picdrop{ position: absolute;
          width: 120px;
          height: 90px;
          left: -120px;
          top: 0;}

.picdrop span{position: absolute;
          width: 120px;
          height: 90px;
          left:0;
          top: 0;
          margin:0;
         background: url("images/m.gif") no-repeat;}

效果图：