New button class gets text cursor on click

I have kind of strange problem.
I set up a new button class so I could define the style, everything's fine however when I click on the button it puts a blinking text cursor over the button text.

I can't figure out for the life of me how to get rid of the dumb thing.
Here's the button code:

<input type="avbutton" class="avhomeinputbutton" name="featuredbutton" id="featuredbutton" value="Featured" onclick="resetpage(),resetpopular(),resetrecent(),feature(),ajaxFunction(this);">
<input type="hidden" name="featured" id="featured">


Here's the css:

.avhomeinputbutton {
color:#c82f37;
background:none;
border:none;
width:57px;
height:20px;
padding:0px 0px 0px 3px;
cursor:pointer;
}
.avhomeinputbutton:hover {
color:#c82f37;
background:url(/plugins/hwdvs-template2/joomla/images/avbuttonbk.png) no-repeat;
border:none;
width:57px;
height:20px;
padding:0px 0px 0px 3px;
cursor:pointer;
}
.avhomeinputbutton:active {
color:#c82f37;
cursor:pointer;
}


I also assign assign a background with java onclick in addition to this.

You can't just make up your own type. It has to be type="button". See if that fixes it.