<p>I'm using the contentEditable attribute on a DIV element in Firefox 3.03.  Setting it to true allows me to edit the text content of the DIV, as expected.</p>

<p>Then, when I set contentEditable to "false", the div is no longer editable, also as expected.  </p>

<p>However the flashing caret (text input cursor) remains visible even though the text is no longer editable.  The caret is now also visible when I click on most other text in the same page, even in normal text paragraphs.</p>

<p>Has anyone seen this before?  Is there any way to force the caret hidden?  </p>

<p>(When I either resize the browser or click within another application, and come back, the caret magically disappears.)</p>

I've dealt with this and my workaround is clearing the selection when I disable contentEditable:
```
```
if ($.browser.mozilla) { // replace with browser detection of your choice
  window.getSelection().removeAllRanges();
}
```
```
I am actually removing the "contenteditable" attribute for browsers other than IE, rather than setting it to false:
```
```
if ($.browser.msie) {
  element.contentEditable = false;
}
else {
  $(element).removeAttr( 'contenteditable' );
}
```
```
The browsers manage the contentEditable attribute inconsistently and my testing revealed that this worked better overall. I don't remember if this contributed to fixing the caret problem, but I'm throwing it in here just in case.