focus contenteditable compatible

[suncubus]

Código HTML:

article{
        height:130px;
        overflow:hidden;
        transition:height 2s;
        -webkit-transition:height 2s;
        -ms-transition:height 2s;
        -op-transition:height 2s;
        -moz-transition:height 2s;
    }
article:focus{
        height:280px;
        outline:none;
}
 
<article contenteditable="true">
                                <h3 contenteditable="false">titulo</h3>
                                <img src="img/quien.gif" width="800" height="100" contenteditable="false"/>
                                <p contenteditable="false">un texto cualquiera</p>
 
                            </article>
 

En chrome me funciona estupendamente.
En Firefox y ie, el contenido de la p y la imagen siguen siendo editables, los puedo borrar, mover...
Alguién sabe como corregir esto? como puedo hacer para que no se pueda modificar nada y me haga el focus?