Modal queda detras del div

[inghard]

cuando abro el href el modal queda en segundo plano detras del <a href=""></a>

Código Javascript:

<script type='text/javascript' src='js/jquery.cycle.all.min.js'></script>
<script type='text/javascript' src='js/presentationCycle.js'></script>
<script type="text/javascript" src="js/jquery.nyroModal.js"></script>
       
        <!--[if IE 6]>
<script type="text/javascript" src="js/jquery.nyroModal-ie6.min.js"></script>
<![endif]-->
<script type="text/javascript">
        $(function() {
                     $('.nyroModal').nyroModal();
        });
</script>
 

Código HTML:

<div id="presentation_container" class="pc_container">
            <div class="pc_item">
                <div class="desc">
                    <h1>Server Park</h1>
                    Consectetur adipiscing elit. Nunc quis tellus eros.
                    Nam blandit diam id turpis bibendum nec rutrum dui pulvinar. Quisque fermentum,
                    dolor ut adipiscing suscipit, leo lorem malesuada mauris, vitae dapibus mi
                    ligula ut nunc.
                </div>
                <a href="images/slide1.jpg" class="nyroModal" rel="gal"><img src="images/slide1.jpg" alt="slide1" /></a>
            </div>
 

si me pueden ayudar se los agradecería mucho