display: none & visibility: hidden, управление через js

есть невидимый дивный блок, который который становится видимым при наведении на другую картинку

срабатывает действие onMouseOver="document.getElementById('text').style.visibility = 'visible'"

блок:

<div style="visibility: hidden;" id=text>...</div>

всё работает. стоит только поменять на :

<div style="display: none;" id=text>...</div>

и действие MouseOver="document.getElementById('text').style.display = 'none / block / и т.п'"

ничего не работает. почему?