photoshopのシェイプを利用して、あるアイコンを作成しweb上にアップロードしたところ、バックグラウンド画像との境界に白い線が写ります。その白い線が写らない方法があれば教えてください。

環境はphotoshopCS4とmacbookproです。
ちなみにアイコンのデータはレイヤー効果の境界線を使用しています。
境界線のカラーはバックグラウンドのカラーと同色(グレーっぽい色)に設定しています。

シェイプをラスタライズして、線を消す方法はレティーナディスプレイで見ても、画像が荒れないようにしたいため、採れません。
バックグラウンドのカラーとアイコンの境界線のカラーは同じにする必要があります。

webデザインにお詳しいかたご教授ねがいます。