背景に画像を置き text-indent:-9999pxを使用せずに、テキストを枠外に
//firefox対応
p.replace {line-height:0;}
p.replace::after{
display:block;
content:url(http://placehold.it/230x84);
margin:-1em 0 0;
}.logo{
content:url(http://placehold.it/200x80);
}<a href="#" class="logo">aaaaaaa</a>