Contenteditable DIV имеет границу по умолчанию в FF и Chrome - как скрыть ее?

Chrome - 11.0.696.50
FF - 4.0
IE - 7.0.570.13

DIV определяется ниже и когда я фокусируюсь на нем с помощью jQuery.
Как только я сосредоточусь на нем, граница появляется вокруг DIV как в FF, так и в Chrome.

FF показывает пунктирную границу, и Chrome показывает сплошной светло-оранжевый.

Я пробовал border: none;, но это не имеет никакого значения. Любые идеи?

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

CSS для него:

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