Mi codigo de formulario no funciona en Firefox

[sunnyton]

hola que tal amigos miren les planteo mi situacion estoy apenas aprendiendo javascript y lo estoy usando para validar un formulario el caso que e programado es que al enviar el formulario si el campo de nombre o de email esta vacio me lanze un alert y me ponga las letras en rojo del texto del campo que este vacio (eso de poner rojo el texto nadamas lo puse en el nombre no email)

pero lo pruebo en chrome, ie, y en el vista previa del dreamweaver y todo bien... pero lo pruebo en firefox 4 y nada... podrian ver ustedes si les sirve en su firefox?
la direccion es http://paginasmex.com/contacto.html


estos son los codigos

FORM

Código HTML:

<form action="envio.php" method="post" name="contacto" class="globo" id="contacto">
 
        <p id="camp1">Nombre *<br />
      <input name="nombre" type="text" id="nombre" size="40" maxlength="60" />      
      <p>        Su email *<br />
        <input name="email" type="text" id="email3" size="40" maxlength="60" />
      
      <p>Teléfono (con extensión)<br />
        <label for="telefono"></label>
        <label for="telefono3"></label>
 
        <input name="telefono" type="text" id="telefono3" size="40" />
      </p>
      <p>Nombre de la empresa o negocio<br />
        <label for="empresa2"></label>
        <input name="empresa" type="text" id="empresa2" size="40" maxlength="60" />
      </p>
      <p>Ciudad- y Estado<br />
        <label for="ciudad2"></label>
 
        <input name="ciudad" type="text" id="ciudad2" size="40" maxlength="60" />
      </p>
      <p>Como llegue a PaginasMEX<br />
        <label for="encontrar"></label>
        <select name="encontrar" id="encontrar">
          <option selected="selected">Me lo recomendo un amigo</option>
          <option>Lo encontre por internet</option>
 
          <option>Desde un diseño web de PaginasMEX</option>
        </select>
      </p>
      <p>Esta interesado en<br />
        <label for="plan"></label>
        <select name="plan" id="plan">
          <option selected="selected">Plan 1</option>
 
          <option>Plan 2</option>
          <option>Plan 3</option>
          <option>Plan Sencillo</option>
          <option>Plan Profesional</option>
          <option>Plan Personalizado</option>
          <option>Otro</option>
 
        </select>
      </p>
      <p>Mensaje o comentarios<br />
        <label for="comentarios"></label>
        <textarea name="comentarios" cols="40" rows="7" id="comentarios"></textarea>
      </p>
      <p>
        <input type="button" name="enviar" id="enviar" value="Enviar Mensaje" onclick="form_valido(this.form)" />
 
      </p>
    </form>
 

JS

Código Javascript:

// JavaScript Document
//funcion que se ejecutara cuando se de clic en el boton de enviar
function form_valido(form){
    if (contacto.nombre.value.length==0){ //validamos que el campo nombre no este vacio
        alert("Nombre es obligatorio");
        contacto.nombre.focus(); //ponemos el puntero en el campo de texto
        document.getElementById('camp1').style.color='#F00';
        return 0; //cortamos la funcion
    }
    if (contacto.email.value.length==0){
        alert("Email es obligatorio");
        contacto.email.focus();
        return 0;
    }
    contacto.submit(); //si la funcion no tubo errores y no se corto con un return 0 entonces se enviara el formulario
}