Cita:
Iniciado por Batan 
Dale un valor de 0px a su border.
la verdad que no se bien como hacerlo por que soy nuevo en esto, tal vez vos ves algo mal en el codigo, ahy te lo muestro
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css">
<!--
.InputBotonNormal {
font-family: Arial Black, Arial;
font-weight: 900;
text-align: center;
width: 240px;
border-width: 5px;
border-style: outset;
}
.InputBotonClick {
font-family: Arial Black, Arial;
font-weight: 900;
border-width: 5px;
border-style: inset;
background-color: #FFFF00;
text-align: center;
width: 240px;
}
.InputBotonOver {
font-family: Arial Black, Arial;
font-weight: 900;
border-width: 5px;
border-style: outset;
text-align: center;
background-color: #00FF00;
width: 240px;
}
-->
</style>
</head>
*
<body>
<form>
<input type="image"
class="InputBotonNormal"
src="http://www.argewarez.com/img/ingresar.png"
onmousedown = "this.className='InputBotonClick'"
onmouseup = "this.className='InputBotonNormal'"
onmouseover = "this.className='InputBotonOver'"
onmouseout = "this.className='InputBotonNormal'">
</form>
</body>
</html> agradesco tu ayuda =)