Bootstrap Carousel Jumps to top of page when advancing

When I advance the slider manually, the slider jumps to the top of the page. How can I prevent this from happening? Help much appreciated! Here's the code: ``` <div class="row"> <div class="span12"> <script> $('.carousel').carousel({ interval: 4000 }) </script> <div class="container"> <div id="myCarousel" class="carousel slide frame"> <!-- Carousel items --> <div class="carousel-inner"> <div class="active item"><a href="work.html"><img src="assets/images/slide_psd.jpg" width="1170" alt="wga"></a></div> <div class="item"><a href="work.html"><img src="assets/images/slide_wga.jpg" width="1170" alt="wga"></a></div> <div class="item"><a href="work.html"><img src="assets/images/slide_ts.jpg" width="1170" alt="top secret hair"></a></div> <div class="item"><a href="work.html"><img src="assets/images/slide_baja.jpg" width="1170" alt="baja"></a></div> </div> <!-- Carousel nav --> <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a> <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a> </div> </div> <!-- end cara container--> </div> <!-- end span--> </div> <!-- end row--> ```