Question

Right now, the close button is only showing within the boundaries of the image itself. The path to the fancybox_sprite.png image is correct and in the jQuery, I have it set like so:

$(document).ready(function() {
        $(".fancybox").fancybox ({
            openEffect  : 'fade',
            closeEffect : 'fade',
            closeBtn: true
        });
    });

This is currently my testing station, which you can click here; and this is the FancyApps link itself to show you the examples provided.

Any help is very much appreciated! =]

Answer 1

In your http://abrielshipley.com/new/css/style_vertical.css CSS file you have overflow: hidden set on every element (*).

Either remove that, or set overflow: visible for the fancybox container div and it’s children.