Elements "nifted" inside an "a" tag are not clickable in ie6 and ie7

suppose you have the following markup:

<div class="preview">
    <a href="#">
        <img src="image.jpg" alt="hello world" />
    </a>
</div>

and you calls

$("#preview a img").niftyBorders();

the markup will be changed to:

<div class="preview">
    <a href="#">
        <div class="nb_container" style="...">
            <img src="image.jpg" alt="hello world" >
            <div class="nb_borders" style="..."></div>
        </div>
    </a>
</div>

This kind of markup is not valid and the link do not work on ie6 and ie7

Start by reproducing the issue with the provided markup and the $("#preview a img").niftyBorders() call in IE6 or IE7. Inspect the plugin code that transforms the image into the nb_container and nb_borders structure. Done means links containing nifted images remain clickable while the animated border behavior still works.