How to make a picture act like a button

How to make a picture act like a button

BY 05 Jul 2014 Web Application Development

Hello,

I trying to make a button with an image as a background like this:

<div class="myButton"><INPUT type="submit" name="" value=""></div>

and This is the css content:
 

<style type="text/css">
   div.myButton input {
    background:url('images/map.png') no-repeat;
    cursor:pointer;
    width: 200px;
    height: 100px;
    border: none;
    right: 10px;
    bottom:20px;
}
   </style>

Unfortunately, I got nothing in the screen.

Written by