Puse el código completo, solo había omitido la parte del encabezado...
Ahí va completo, de todas formas:
Código:
<!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>Botones</title>
<style>
* {
margin: 0;
padding: 0;
outline: 0;
}
img {
margin: 0 0 0 0;
padding: 0 0 0 0;
}
button::-moz-focus-inner {
border: 0;
}
button {
background-color: red;
border: none;
}
</style>
</head>
<body>
<form>
<button type="submit" name="miBoton1" value="1">Mi botón</button>
<button type="submit" name="miBoton2" value="2"><img src="negro.jpg" alt="" /></button>
</form>
</body>
Le agregué lo que me dijiste en img. Igualmente en * ya estaba poniendo el padding y margin de img (y de todo lo demás, según entiendo) en 0, ¿no?
El segundo botón levanta una jpg de 20px por 20px que es donde se notan esos "márgenes". Firefox deja un 'padding' de 2px a la izquierda y a la derecha de los botones...
