Fancybox vil ikke rigtigt som jeg vil

Jeg har rodet lidt med fancybox, jeg vil bruge den til at åbne et popup HTML dokument som jeg kan styre i højden og bredden. Jeg har set jeg på en eller anden måde skal benytte mig af iframe som klasse i min html, men kan ikke lige gennemskue det. Er der nogen der kan hjælpe?

Min headtag kode ser sådan ud:
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<link rel="stylesheet" type="text/css" href="js/fancy-box/source/jquery.fancybox.css" />
<script type="text/javascript" src="js/fancy-box/source/jquery.fancybox.pack.js"></script>

min HTML ser sådan ud: <a class="various"

og jquary ser sådan ud: <script type="text/javascript">$(dokument).ready(function(){
    $(document).ready(function() {
    $(".various").fancybox({
        maxWidth    : 800,
        maxHeight    : 600,
        fitToView    : false,
        width        : '70%',
        height        : '70%',
        autoSize    : false,
        closeClick    : false,
        openEffect    : 'none',
        closeEffect    : 'none'
    });

});
    $(".fancybox").fancybox({
            width    :    '70%',
            HEIGHT    :    '70%'
        });
}); </script>