If I take the .thumbnail divs outside of the #thumbhider and #thumbcontent divs then the click events work fine and as expected. Currently they do not.URL: http://www.samcoles.co.uk/dustbowl/guitars.phpI'm guessing this is something to do with the overflow:hidden on the containing div? How can I work around this?the javascript:\[code\]//this is within $(document).ready function$(".thumbnail").click(function () { var IMAGE_DIR = "images/guitars/"; var img = $(this).find("img").attr("alt"); $("#mainphoto").attr("src", IMAGE_DIR + img); if(captions) { $("#imgcaption").text(captions
![b]\[code\]div.thumbnail { background-color:](http://); }}); \[/code\][b]the css:[/b]\[code\]div.thumbnail { background-color: #000000; padding: 1px; float: left; width: 69px; height: 69px; cursor: pointer; }div#thumbhider { width: 673px; height: 70px; overflow: hidden; margin: 0 auto; margin-top: 19px; position: relative; }div.thumbcontent { height: 70px; background-color: #00ff00; width: 0 auto; display: inline; position: relative; }\[/code\][b]the html:[/b]\[code\]<div id="thumbhider"> <div class="thumbcontent"> <div style="margin-right:15px;" class="thumbnail"><img alt="1.png" src="http://stackoverflow.com/questions/12789381/thumber.php?img=images/guitars/1.png&h=69&w=69"></div> <div style="margin-right:15px;" class="thumbnail"><img alt="10.png" src="http://stackoverflow.com/questions/12789381/thumber.php?img=images/guitars/10.png&h=69&w=69"></div> <!--etc....--> <div style="clear:both;"></div> </div> </div>\[/code\])