View Full Version : CSS a:focus & a:active not working in chrome or safari

09-16-2011, 07:49 AM
Hi, I'm trying to build an image gallery where when you click on any of the images it shows within the same page. Everything works fine on Firefox, Opera and IE, but on Safari and Chrome the image disappears after I let go of the mouse. I have no idea how to fix it. Any help would be greatly appreciated. Thanks for reading my post. Here's the code:

#gallery ul li a:hover {border-color:#7DCDD1;}

#gallery ul li a:focus b, #gallery ul li a:active b {position:absolute; left:-457px; top:0; width:457px; height:380px;z-index:20; }

<div id="gallery">
<b class="default"><img src="images/click_image.gif" title="click" alt="click" /></b>
<li><a href="#nogo">
<b><img src="images/print/hershey_products.jpg" title="Hershey Products" alt="hershey" /></b>