Problems with colorbox content (positioning) within iframe
===

I will try to explain the issue as best as I can.

I have completed and handed off a project that uses colorbox (a lightbox type script for those of you who have not used it) to display information when a user clicks on a link.

The team that has been given my tool loads it in an iframe on their home page.  From what they have told me, the colorbox positioning is odd depending on the size of the content in the iframe.

If the content is 'short', the colorbox displays nicely (in regards to how it is positioned).  If the content in the iframe is 'long', the colorbox is out of whack... the user must do much scrolling to actually see the colorbox content.

Code snippet below:

    $(document).ready(function() {
        $(".iframe").colorbox({iframe:true, width:"80%", height:"80%"});
    });

Then in my HTML i have this:

    <a class="iframe" href="http://LINK TO AN EXTNERAL PAGE">BLAH</a>



Any ideas on how to make it work (position) nicely when in iframe? I am thinking that for starters the colorbox js and css would need to be added to the parent page (the page that is loading my tool into the iframe).

If someone can help me out I would be greatful.  Sorry if I have not provided enough info or if what I have written makes no sense.

Thanks!
