Почему прозрачный рисунок прозрачным не является?

Очень странно.... хочу поинтересоваться, может у меня уже дальтонизм? :)))

Итак, что имеем...

1. Рисунок to_left.png. Абсолютно прозрачный, вырезан из макета.

2. Фончик под всё это дело: slider_bg.png

Когда я накладываю рисунок на фончик то получаю вот это: 01.jpg.

Как объяснить? Абсолютно прозрачный рисунок накладывается на картинку, в результате видим вокруг рисунка нечто голубоватое. Что это такое? На макете такого нет...

Вот HTML:

<div class="slider">

                    <div class="slider_contents">

                        <div class="left">

                            <a class="to_left" href="#">влево</a>

                        </div>

                    </div>

                </div>

Вот CSS:

.slider_contents

{

    width: 1045px;

    height: 310px;

    margin: 0 auto;

}



.to_left

{

    width: 31px;

    height: 52px;

    background-image: url('../images/to_left.png');

    display: block;

    text-indent: -9999px;

    position: relative;

    top: 100px;

    border: 0;

}



.slider

{

    width: 1280px;

    height: 418px;

    background-image: url('../images/slider_bg.png');

    position: relative;

    top: -20px;

}

Сейчас когда прикрепил изображение, увидел еле заметный фон на рисунке to_left.png. Но откуда он берётся? Я ничего не понимаю, на макете такого нет, рисунок обязан быть полностью прозрачным....