fb:visible-to-connection Not Working!

Question

Hi guys. I don't usually deal in exclamation points, but I have hours before this goes live. I have the following page full of FBML for a Facebook tab on a product page:

<fb:fbml version="1.1">
    <div id="container" style="width: 520px;">
        <fb:visible-to-connection>
            <div>
                Yay!
                <a href="{link}" style="border: 0; display:inline-block;">
                    <img src="{image link}" style="border: none;" />
                </a>
            </div>
            <fb:else>
                <div>
                    <img src="{image link}" style="border: none;" />
                </div>
            </fb:else>
        </fb:visible-to-connection>
        <div class="{a css class I have to censor}">
            <img src="{image link}" />
            <p class="nopurchase" style="font-family: 'Trebuchet MS Gothic', Arial; font-size: 10px;">
                some text.
                <a href="{link}" target="_blank">Click for something.</a></p>
        </div>
    </div>
</fb:fbml>

Basically it's a fan gate. To get past it the user has to like the page it resides on. It parses and renders, but for whatever reason both conditions (the div for fans, and the one for non-fans) are drawn. I have no idea why fb:visible-to-connection isn't doing this.

Answer 1

The answer is simple. If you are an admin of the application you are using, visible-to-connection will show you everything, regardless whether you're a fan or not. Normal users will see the expected functionality.