Image is not clickable..please help!!

I have coded an image to be clickable, but its not clickable.

<div class="quicknav">
<div class="wrapper">
<div class="livesupport">

<a href="http://google.com"><img src="images/phone.png"></a>

</div></div></div>

Code (markup):

CSS code

.livesupport {
	position: absolute;
	top:15px;
	right:-5px;
	padding:1px 0 0 0;}
.quicknav {
	width: 100%;
	height: 0px;
	background: #fff;
	border-bottom: 1px solid #c8c8c8; }

.quicknav a { color:#9a9a9a; }
.quicknav a:hover {	color:#343434; }
.wrapper {
	position: relative;
	width:977px;
	margin: 0 auto; }

Code (markup):

Thanks in advance!!

 

Hi, I have tried your code with a local image on my computer and it works fine. So maybe check the image file and path of phone.png. Unless there is some other factor that is making it not work.

May you find a solution soon...

 

try to give some z-index for livesupport css andd see how it works.

 

Can you post a link to preview please?

 

it is weird it is looks fine .. works for me..