contenteditable DIV tiene un borde predeterminado en FF y Chrome - ¿Cómo ocultarlo?

Question

Chrome - 11.0.696.50
FF - 4,0
IE - 7.0.570.13

El DIV se define como más abajo y cuando me estoy centrando en él con jQuery.
Tan pronto como me fijo en él aparece un borde alrededor del DIV en ambos FF & Chrome.

FF muestra un borde punteado & El cromo muestra un naranja claro sólido.

Intenté border: none; pero eso no hace la diferencia. Algunas ideas ?

DIV: <DIV id="editable-div" contentEditable="true"></DIV>

CSS para ello:

#editable-div
{
margin-left: 10px;
margin-top: 10px;
width: 740px;
height: 25px;
border: none;
direction: ltr;
text-align: left;
}

Answer 1

Lo que están viendo es probablemente un outline, not technically a border. Pruebe esto:

#editable-div:focus { 
    outline: none; 
} 

Esto es como una toma en la oscuridad de mi parte; con suerte, si no funciona exactamente así, al menos te ayudará a encontrar una solución.