html - Images not showing as a hyperlink -

html - Images not showing as a hyperlink -

i suspect i'm doing stupid have hyperlinks styled images css don't work links.

experimental page @ http://cotswoldplayhouse.co.uk/jm3/index.php/what-s-on , it's 'read more' , 'buy tickets' buttons. page built php html looks this...

<td> <div class="sg-read-more"> <a href="#">find out more</a> </div> <div class="sg-book-ticket"> <a href="http://www.ticketsource.co.uk/event/70577" target="_blank">book ticket</a> </div> </td>

the css this....

div.sg-book-ticket { display:block; position:absolute; background:url(images/buy-ticket.png) no-repeat 0 0; right:15px; bottom:2px; width:80px; height:40px; text-indent:-9999px; } div.sg-book-ticket:hover { background-position:0 -40px; }

the images display correctly , rollover works, aren't links. have missed?

i style link opposed div

div.sg-book-ticket{ position:absolute; right:15px; bottom:2px; } div.sg-book-ticket > a{ display:block; background:url(images/buy-ticket.png) no-repeat 0 0; width:80px; height:40px; text-indent:-9999px; } div.sg-book-ticket a:hover{ background-position:0 -40px; }

html css image hyperlink