Удалить ручки размера и границу с элементами с помощью contentEditable

Проблема, с которой я столкнулась, связана с атрибутом contentEditable в IE. (некоторые вещи никогда не меняются).

Проблема в том, что я получаю ручки изменения размера и толстую рамку вокруг элементов <li>, когда они находятся в фокусе.

Любая идея о том, как их удалить? CSS или Javascript трюки очень приветствуются!

Ответ 1

Убедитесь, что <li> не имеет "макета", так как элементы с "макетом" внутри редактируемого элемента получают изменения размера в IE. "Макет" является скрытым свойством элемента в IE, который установлен в true, когда активирован любой из различных свойств CSS:

position: absolute
float (left или right)
width или height (любое значение, отличное от auto)
min-width или min-height (любое значение, отличное от none)
overflow (hidden | scroll | auto)
zoom (любое значение, отличное от нормального)
display: inline-block
различные другие

Здесь ссылка из быстрого поискового запроса, которая объясняет немного больше о макете: http://www.satzansatz.de/cssd/onhavinglayout.html