I'm having two behavioral issues that I can't overcome. First, I can't successfully scroll through images. When I click the Next/Prev buttons within the lightbox, it just stays on the current image. 

Additionally, if I click squarely in the middle of the lightbox image, it closes. 

```
$(function(){

$('#photos a').lightBox({fixedNavigation:true, imageBtnPrev:'{{site}}media/imageslightbox-btn-prev.gif',imageBtnNext:'{{site}}media/images/lightbox-btn-next.gif',containerResizeSpeed:350,});

});

```

So I've tried this with and without the "fixedNavigation:true" parameter. 

My markup is as follows:

```
  <div id="photos">
        <ul>
            <li><a href="{{site}}media/apt-img4.jpg"><img src="{{site}}media/apt-img4.jpg" width="185" height="110" alt="Thumb" /></a></li> 
            <li><a href="{{site}}media/apt-img4.jpg"><img src="{{site}}media/apt-img5.jpg" width="185" height="110" alt="Thumb" /></a></li>
            <li><a href="{{site}}media/apt-img4.jpg"><img src="{{site}}media/apt-img6.jpg" width="185" height="110" alt="Thumb" /></a></li>
            <li><a href="{{site}}media/apt-img4.jpg"><img src="{{site}}media/apt-img7.jpg" width="185" height="110" alt="Thumb" /></a></li>
        </ul>
    </div>

```

thanks for any help!