Please note that this article only applies to EditLive! versions 7.6 and below. Please contact Ephox support to implement this in EditLive! 8.0.
The most common way people hide elements on a web page is to set the "display" property to "none". This effectively tells the browser that the content is not used at all and should not be rendered. In Internet Explorer this works quite well, but FireFox and Safari interpret it quite literally and completely remove that section from the document causing EditLive to stop running. When you set it to display again, a new instance of EditLive! is created by the browser and you'll probably lose content.
document.getElementById('theeditor').style.visibility = 'hidden'
and to show it again:
document.getElementById('theeditor').style.visibility = 'visible'
It's a very simple, drop in replacement, but as always with web development, there's one catch. If you're using express edit, you may run into a strange bug in Internet Explorer. When you set a table with a border to hidden in Internet Explorer, the table content disappears, but the border will still render. In every other browser it works correctly and it doesn't apply to the full EditLive! editor - just express edit. With express edit, you're best bet is to use display = 'none'.