Cita: #gif{
background-image: url(img/botonoff.gif);
width:200px;
height:30px;
color: #ffffff;
}
Las dos, entiendo, las tiene que estirar el navegador
Creo que aquí tienes un pequeño
¿efecto de la visita del sr. alemán?
aunque no se quién será 
la altura y anchura es la de la caja #gif, el fondo lo repite (manteniendo el tamaño original como comenté antes).
la diferencia con
Cita: <img src="img/botonoff.gif" width ="100px" height ="30px" />
es que aquí actúas sobre la propia imagen, alterando el tamaño de la imagen (y afectará de una u otra forma sobre la caja contenedora en función de las propiedades que tenga la caja).
Pero para saber qué te está pasando, mejor pon la imagen esa de 1px*30 (botonoff.gif)
Un saludo.
P.D.: que no se duerma el empedrador (digo, emperador), que tiene demasiado cerca a la madrasta
