www.encyclopediasindhiana.org/index2.php

i have designed slide show from mycarousel with help of php, is working fine, but in frnt of carousel on left side the hyperlinks are not working till the height of carousel. on left side all links are not working if image is as large as the height covered by links...... you may try the third slide /image of carousel as its height is small so many hyperlinks came after its height are working. why this is happening on chrome, while on internet explorer all links are working normally.

in bootstap.min.css file i have decleared width 539 and height auto,

Code:
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
display: block;
max-width: 539;
height: auto;}

In css in index2.php i decleared

Code:
<style>
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  width: 100%;
  margin: auto;
}

#myCarousel.carousel.slide {width: 100%; max-width: 539px; !important}
.carousel-caption {
 background:rgba(0, 0, 0, 0.3) !important;
 }
</style>
links are not working outeside carousel can java help if then how, plz i dont know much about java