Почему. Все работает как и задумывалось:
<style>
#word{
/*background:url(img/word.png) no-repeat;*/
background: rgba(0,0,255,0.2);
width:400px;
height:45px;
display:none;
}
#vvod{
width:287px;
height:22px;
margin-top:7px;
margin-left:12px;
border:white;
display:block;
float:left;
font-size:95%;
color:#797979;
}
</style>
<form class="fo">
<input id="vvod" type="text">
<input class="but" type="button" value="Жоп" />
</form>
<div id="word">Подсказка</div>
<script>
document.getElementById('vvod').onfocus = function() {
document.getElementById('word').style.display = 'block';
}
</script>