Is it possible to have a totally transparent button?
I have an image as the background of one of my windows, and I want to make certain areas clickable (sort of like an image map). I have placed the buttons over these areas transparently, and this works well. Apart from one small problem:
I have the following in my XML file, which makes the buttons transparent, but I get an annoying white border around the edge of the buttons which I can't seem to get rid of (it vanishes when the mouse hovers over the button and when the button is pressed, but returns when the mouse moves away). Any clues? 
 
code:
            <Control xsi:type="ButtonControl" Id="BtnClose">
                <Position Left="215" Top="163" Width="76"/>
                <CustomGradient>
                    <Normal>
                        <Color1><Red>0</Red><Green>0</Green><Blue>0</Blue><Alpha>000</Alpha></Color1>
                        <Color2><Red>0</Red><Green>0</Green><Blue>0</Blue><Alpha>000</Alpha></Color2>
                        <Shadow>false</Shadow>
                    </Normal>
                    <Hot>
                        <Color1><Red>0</Red><Green>0</Green><Blue>0</Blue><Alpha>000</Alpha></Color1>
                        <Color2><Red>0</Red><Green>0</Green><Blue>0</Blue><Alpha>000</Alpha></Color2>
                    </Hot>
                    <Pushed>
                        <Color1><Red>0</Red><Green>0</Green><Blue>0</Blue><Alpha>000</Alpha></Color1>
                        <Color2><Red>0</Red><Green>0</Green><Blue>0</Blue><Alpha>000</Alpha></Color2>
                    </Pushed>
                </CustomGradient>
                <Caption>Close</Caption>            </Control>
I've already tried using Images of the buttons on the buttons themselves, but positioning them right was too much of a hastle and just looked dodgy in the end.