Bouton pour fermer une div

Bonjour à tous,

Voilà mon souçis, j'ai mis une div dans ma page html, qui prend la forme d'une rectangle bleu transparent avec du texte dedans (un bandeau d'information en somme)

<div style="background-color:#00C; filter:alpha(opacity=50); opacity:0.5; position:fixed;width:100%; height:6%; margin:0; top:94%; ">

<p class="text">TEXTE</strong></p>

--><input type="button" value="Fermer" onclick="cacher()"/>

</div>

J'ai rajouter une ligne input pour pouvoir fermer la div, sous forme de bouton croix, le code css de la fonction (à peine esthétique)

<style type="text/css" title="text/css">

div{
background-color:#e8e8e8;
border:1px;
}

div:after
{
content: ".";
display: block;
overflow: hidden;
}
</style>

et enfin le code javascript:

<script type="text/javascript" language="javascript" charset="utf-8">
function cacher()
{
document.getElementsByTagName('div')[0].style.display = 'none';
return false;
}
</script>

Toutefois ma div ne se ferme pas, quel est le problème?
merci d'avance!