How to make background images clickable (javascript or css)

Please take a look this fiddle

How to make the background image clickable? When click "Take the survey" will go to a new page.

<div style="height:300px;width:300px;border-style:solid;border-width:5px;background-image:url('http://cdn.survey.io/embed/1.0/right_top_blue.png'); background-repeat:no-repeat;background-position:right top;">



By default, the background-image property repeats an image both horizontally and vertically.



</div>

Javascript or CSS are all preferred.

Edit: I don't want to use image float to right corner.