Si aun no puedes ver el iconon a pesar de que browser.display.show_image_placeholders esta marcada como true entonces necesitas seguir los siguientes pasos:

• Ve a la carpeta de perfiles de Firefox.
• Entra en la carpeta de usuario que veras ahi.
• Entra en la carpeta chrome.
• Has una copia del fichero userContent-example.css y guardalo como userContent.css
• Abre un editor de texto y pega el siguiente código:

  /*
   * Mostrar icono para images rotas
   */
  @-moz-document url-prefix(http), url-prefix(file) {
    img:-moz-broken{
      -moz-force-broken-image-icon:1;
      width:24px;
      height:24px;
    }
  }
  

• Guarda los cambios y reinicia Firefox

En Mac Os X la ruta para el fichero css sería algo como esto:
/Users//Library/Application\ Support/Firefox/Profiles/ /chrome/userContent-example.css

Espero que esto haya resuelto tu problema.

No te vas a creer el parche que he tenido que usar para hacerlo funcionar en IE6… en serio, ¿cuándo demonios va a morir este navegador? Otra pesadilla de mañana gracias a él.

El Código HTML

<input type="submit" class="form-submit" value="Search" id="edit-submit" name="op"/>

El Código CSS

#edit-submit {
  width: 25px;
  height: 25px;
  text-indent: -9999px;
  background: url(../images/icon-search-25x25.gif) left top no-repeat; /* ruta hacia tu imagen */
  border: none;
  margin: 0 0 0 10px;
  padding: 0;
  color: transparent;
  text-transform: capitalize;  /* Este es el parche para IE   */
}

Si, sé que parece ridiculo usar la propiedad text-transform para hacer desaparecer el texto, pero estamos hablando de IE6.

Disfruta y convence a tus clientes de que paren de usar IE6.

Si, has leído bien, el nuevo y “fabuloso” IE8 aun está arrastrando esta limitación.

Para abreviar el cuento, IE para de leer selectores pasado el número 4095 ignorando el resto de tu código CSS, sin embargo esta limitación no aparece en otros navegadores.

Tú puedes pensar que esto es un número bastante grande (yo lo hice) pero te sorprenderas en ver con que facilidad el número de selectores se incremente cuando trabajas con un CMS y una website grandita.

Esta captura de pantalla fue tomada hoy (20/03/2009) ¿No te parece que esos botones está demasiado cerca a la entrada de texto?

Nadie es perfecto

Mira los siguientes ejemplos y capturas de pantallas para saber como funciona:

Simple formulario con borde azul

<form>
  <input type="text" name="test" id="test" size="20" />
  <input type="submit" value="Submit" name="submit" />
</form>

El mismo formulario sin borde

<style media="screen">
  #test { outline: none; }
</style>

....

<form>
  <input type="text" name="test" id="test" size="20" />
  <input type="submit" value="Submit" name="submit" />
</form>

Tu codigo ahora mismo es algo como esto:

<object  width="500" height="300" ... >
  <param name="movie" value="matrix.swf" />
  <param name="quality" value="high" />
  ...
  <embed src="matrix.swf" width="500" height="300" quality="high"  ... ></embed>
</object>

Para resolver el problema sólo necesitas usar el parámetro wmode=”opaque”. Esto le dará a la película flash un order de pila.

<object  width="500" height="300" ... >
  <param name="movie" value="matrix.swf" />
  <param name="quality" value="high" />
  <param name="wmode" value="opaque" />
  ...
  <embed src="matrix.swf" width="500" height="300" quality="high"  ... ></embed>
</object>

También puedes usar wmode=”transparent” que no sólo le da un orden de pila sino que además hace que el background sea transparente.

Si te quieres deshacer de ellos, aquí tienes la solución:

1. Escribe “about:config” en la barra de direcciones de Firefox (esa gran barra horizontal en lo alto donde escribes para ir a las distintas páginas web)
2. Busca por una : browser.display.focus_ring_width
3. The default value is 1 (at least in my browser), change the value to 0

Y ahora tú te estarás preguntando que pasa con el resto de la peña que no modifica el navegador como tú has hecho. Pues bien también hay una solución para esto y es escribir una simple linea de codigo dentro de tu fichero CSS:

a{ outline: none;}

Fácil, no?